@font-face {
    font-family: icomoon-transac;
    src: url(https://funimg.pddpic.com/iconfont_20200904.ttf);
    font-weight: 400;
    font-style: normal;
    line-height: 1
}

@media only screen and (min-width:640px) {
    html {
        font-size: 170.66667px
    }
}

@media only screen and (max-width:480px) {
    html {
        font-size: 128px
    }
}

@media only screen and (max-width:414px) {
    html {
        font-size: 110.4px
    }
}

@media only screen and (max-width:412px) {
    html {
        font-size: 109.86667px
    }
}

@media only screen and (max-width:400px) {
    html {
        font-size: 106.66667px
    }
}

@media only screen and (max-width:393px) {
    html {
        font-size: 104.8px
    }
}

@media only screen and (max-width:375px) {
    html {
        font-size: 100px
    }
}

@media only screen and (max-width:360px) {
    html {
        font-size: 96px
    }
}

@media only screen and (max-width:345px) {
    html {
        font-size: 92px
    }
}

@media only screen and (max-width:320px) {
    html {
        font-size: 85.33333px
    }
}

html {
    -webkit-text-size-adjust: none;
    font-size: 26.66667vw
}

@media only screen and (min-width:768px) {
    html {
        font-size: 204.8px
    }
}

* {
    border: 0;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    margin: 0;
    padding: 0
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body,
html {
    width: 100%;
    height: 100%;
    font-family: PingFangSC-Regular, Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Arial
}

body {
    margin: 0
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    vertical-align: baseline;
    border: 0 none;
    list-style: outside none none
}

em,
i {
    font-style: normal
}

ol,
ul {
    list-style: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    color: #333;
    background-color: transparent;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:active,
a:hover,
a:visited {
    text-decoration: none;
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: top
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    resize: none
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.native-scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.ms-controller,
.ms-important,
[ms-controller],
[ms-important] {
    visibility: hidden
}

.scroller-wrapper-for-ios-wechat {
    overflow-y: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

leftUserNumColor {
    color: #ffb100
}

.self-uid {
    position: absolute;
    left: 15px;
    bottom: 17px;
    font-size: 6.5px;
    color: #6a6a6a;
    line-height: 1
}

.with-mask {
    color: #1a1a1a
}

anniShieldMark {
    color: #fee93e
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

body {
    background: #f4f4f4;
    color: #666;
    font-size: .12rem;
    line-height: 1.5
}

body,
div.navbar,
header {
    margin: auto;
    max-width: 768px
}

.container {
    position: relative;
    width: 100%;
    max-width: 768px;
    min-height: 100%;
    margin: 0 auto;
    padding: 0 0 49px;
    overflow-x: hidden;
    background-color: #f4f4f4
}

.content {
    overflow: hidden
}

@media (max-width:768px) {
    .goods-show {
        width: 100%;
        margin: 10px 0
    }
}

@media (min-width:641px) {
    .goods-show {
        width: 45%;
        margin: 2.5%
    }
}

.app-mask {
    background-color: transparent
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

#go-top,
.go-top {
    display: block;
    width: .43rem;
    height: .43rem;
    position: fixed;
    right: .18rem;
    bottom: .64rem;
    z-index: 999;
    background-image: url(assets/img/go_top.png);
    background-size: contain;
    opacity: 1;
    -webkit-transition: bottom .8s ease, opacity .6s ease;
}

#go-top span,
.go-top span {
    position: absolute;
    bottom: .07rem;
    width: 100%;
    display: block;
    height: .12rem;
    line-height: .12rem;
    text-align: center;
    font-size: .1rem;
    color: #333
}

.top-button-hide {
    bottom: -.64rem;
    opacity: 0
}

.top-button-show {
    bottom: .64rem;
    opacity: 1
}

.list-center {
    width: 200px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding-left: 15px
}

.list-center .img-rotate,
.list-center .img-rotate-bg {
    position: absolute;
    top: 10px;
    left: 33px;
    width: 25px;
    height: 25px;
    -webkit-animation: loading 1s linear 0s infinite;
    margin-top: 0 !important
}

.list-center .img-rotate-bg {
    background: url(https://funimg.pddpic.com/order_checkout/loading.png) no-repeat;
    background-size: contain
}

.list-center .loading-text {
    line-height: 45px;
    font-weight: 400;
    font-size: 15px;
    margin-left: 30px
}

.list-center .middle {
    margin-left: 0
}

.pull-up-hide,
.pull-up-show {
    height: auto;
    width: 100%;
    background-color: transparent
}

#share-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 99999
}

#share-mask .native_info {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    text-align: center;
    font-size: 16px;
    color: #fff
}

#share-mask .native_info .native_info_title {
    font-size: 32px;
    color: #fff
}

#share-mask .native_info .native_info_desc {
    font-size: 19px;
    line-height: 1
}

#share-content {
    position: fixed;
    bottom: 0;
    z-index: 9999999;
    width: 100%;
    max-width: 768px;
    height: 150px;
    background: #fff
}

#share-content ul {
    margin-top: 15px;
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    padding: 0 .1rem
}

#share-content ul li {
    width: .7rem
}

#share-content ul li i {
    display: block;
    width: 44px;
    height: 44px;
    margin: auto
}

#share-content ul li .share-icon-wechat {
    background: url(assets/img/share-sprite.png) 0 0 no-repeat;
    background-size: 220px 44px
}

#share-content ul li .share-icon-moments {
    background: url(assets/img/share-sprite.png) -44px 0 no-repeat;
    background-size: 220px 44px
}

#share-content ul li .share-icon-qq {
    background: url(assets/img/share-sprite.png) -88px 0 no-repeat;
    background-size: 220px 44px
}

#share-content ul li .share-icon-qqzone {
    background: url(assets/img/share-sprite.png) -132px 0 no-repeat;
    background-size: 220px 44px
}

#share-content ul li .share-icon-sina {
    background: url(assets/img/share-sprite.png) -176px 0 no-repeat;
    background-size: 220px 44px
}

#share-content ul li span {
    display: block;
    font-size: 10pt;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #b2b1b7
}

#share-content p {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    border-top: 1px solid #ccc;
    color: #232323
}

.app-new-user-group {
    position: relative;
    text-align: center
}

#share-group-pop {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 8px;
    z-index: 999999;
    height: auto;
    overflow: hidden;
    width: 2.9rem;
    padding: 0 .1rem
}

#share-group-pop .share-group-pop-title {
    border-bottom: 1px solid #e0e0e0;
    height: .5rem;
    line-height: .5rem;
    font-size: .16rem
}

#share-group-pop .share-group-pop-content {
    margin: .1rem .1rem 0
}

#share-group-pop .share-group-pop-btn {
    margin: .1rem auto .15rem;
    width: 2.62rem;
    font-size: .16rem
}

#share-group-pop .share-group-pop-title {
    color: #151516;
    text-align: center
}

#share-group-pop .share-group-pop-cancel {
    background-size: contain;
    position: absolute;
    right: -.11rem;
    top: -.12rem;
    width: .23rem;
    height: .23rem
}

#share-group-pop .share-group-pop-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .14rem;
    word-break: break-all;
    color: #58595b;
    position: relative
}

#share-group-pop .share-group-pop-btn {
    height: .43rem;
    line-height: .42rem;
    color: #fff;
    border-radius: .05rem;
    background-color: #e02e24;
    text-align: center
}

@media only screen and (min-height:270px) and (min-width:319px) {
    .app-new-user-group {
        padding-top: 10%
    }
}

@media only screen and (min-height:330px) and (min-width:319px) {
    .app-new-user-group {
        padding-top: 25%
    }
}

@font-face {
    font-family: icomoon;
    src: url(https://funimg.pddpic.com/fonts/iconfont_20180706.ttf);
    font-weight: 400;
    font-style: normal;
    line-height: 1
}

.icon {
    font-family: icomoon;
    font-style: normal;
    font-smoothing: antialiased
}

.icon-button-add:before {
    content: "\E604"
}

.icon-seckill-ing:before {
    content: "\E608"
}

.icon-seckill-forthcoming:before {
    content: "\E609"
}

.icon-productdet-right:before {
    content: "\E60B"
}

.icon-round-2:before {
    content: "\E677"
}

.icon-round-1:before {
    content: "\E678"
}

.icon-category-bag:before {
    content: "\E60C"
}

.icon-category-cosmetics:before {
    content: "\E60D"
}

.icon-category-appliances:before {
    content: "\E60E"
}

.icon-category-baby:before {
    content: "\E60F"
}

.icon-category-food:before {
    content: "\E610"
}

.icon-category-home:before {
    content: "\E611"
}

.icon-category-furniture:before {
    content: "\E612"
}

.icon-category-fruit:before {
    content: "\E613"
}

.icon-category-overseas:before {
    content: "\E614"
}

.icon-me-address-line:before {
    content: "\E615"
}

.icon-arrows-down:before {
    content: "\E616"
}

.icon-arrows-right:before {
    content: "\E617"
}

.icon-search:before {
    content: "\E618"
}

.icon-productdet-collect:before {
    content: "\E619"
}

.icon-arrows-up:before {
    content: "\E61A"
}

.icon-topnav-back:before {
    content: "\E61B"
}

.icon-topnav-share:before {
    content: "\E61C"
}

.icon-close:before {
    content: "\E61D"
}

.icon-exceed-chatting:before {
    content: "\E61E"
}

.icon-address-edit:before {
    content: "\E61F"
}

.icon-group-prompt:before {
    content: "\E620"
}

.icon-address-delete:before {
    content: "\E621"
}

.icon-group-info:before {
    content: "\E622"
}

.icon-order-choose:before {
    content: "\E623"
}

.icon-label-postage:before {
    content: "\E624"
}

.icon-label-topspeed:before {
    content: "\E625"
}

.icon-orderdet-connect:before {
    content: "\E626"
}

.icon-label-quality:before {
    content: "\E627"
}

.icon-orderdet-tel:before {
    content: "\E628"
}

.icon-productdet-service:before {
    content: "\E629"
}

.icon-tag-hot:before {
    content: "\E62A"
}

.icon-productdet-store:before {
    content: "\E62B"
}

.icon-column-fire1:before {
    content: "\E62C"
}

.icon-column-choice1:before {
    content: "\E62D"
}

.icon-column-inform1:before {
    content: "\E62E"
}

.icon-column-recommend:before {
    content: "\E62F"
}

.icon-column-commend1:before {
    content: "\E630"
}

.icon-column-clock1:before {
    content: "\E631"
}

.icon-column-seckill1:before {
    content: "\E632"
}

.icon-me-address1:before {
    content: "\E633"
}

.icon-column-tag1:before {
    content: "\E634"
}

.icon-me-luckydraw1:before {
    content: "\E635"
}

.icon-me-set1:before {
    content: "\E636"
}

.icon-new-spec:before {
    content: "\E637"
}

.icon-new-special:before {
    content: "\E638"
}

.icon-new-country:before {
    content: "\E639"
}

.icon-set-opinion:before {
    content: "\E63A"
}

.icon-set-deal:before {
    content: "\E63B"
}

.icon-set-QA:before {
    content: "\E63C"
}

.icon-me-free:before {
    content: "\E63D"
}

.icon-order-delivery:before {
    content: "\E63E"
}

.icon-me-message:before {
    content: "\E63F"
}

.icon-me-groups:before {
    content: "\E640"
}

.icon-me-coupon:before {
    content: "\E641"
}

.icon-me-ticket:before {
    content: "\E642"
}

.icon-order-groups:before {
    content: "\E643"
}

.icon-order-pay:before {
    content: "\E644"
}

.icon-order-rated:before {
    content: "\E645"
}

.icon-order-takedelivery:before {
    content: "\E646"
}

.icon-nav-home-colour:before {
    content: "\E647"
}

.icon-nav-category-line:before {
    content: "\E648"
}

.icon-nav-home-line:before {
    content: "\E649"
}

.icon-nav-me-line:before {
    content: "\E64A"
}

.icon-nav-overseashop-colour:before {
    content: "\E64B"
}

.icon-nav-overseashop-line:before {
    content: "\E64D"
}

.icon-nav-new-line:before {
    content: "\E64E"
}

.icon-nav-category-colour:before {
    content: "\E64F"
}

.icon-nav-me-colour:before {
    content: "\E650"
}

.icon-column-time:before {
    content: "\E651"
}

.icon-me-heart:before {
    content: "\E652"
}

.icon-addresschoose:before {
    content: "\E653"
}

.icon-refresh:before {
    content: "\E654"
}

.icon-daily-berserk:before {
    content: "\E655"
}

.icon-seckill-time-frame:before {
    content: "\E606"
}

.icon-seckill-clock:before {
    content: "\E65E"
}

.icon-pending:before {
    content: "\E656"
}

.icon-column-heart:before {
    content: "\E601"
}

.icon-nav-new-colour-copy:before {
    content: "\E679"
}

.icon-evaluation-star:before {
    content: "\E602"
}

.icon-evaluation-camera:before {
    content: "\E603"
}

.icon-evaluation-star-line:before {
    content: "\E605"
}

.icon-iconfontmoban_fuzhi:before {
    content: "\E600"
}

.icon-set-clean:before {
    content: "\E60A"
}

.icon-coupon-illustration:before {
    content: "\E64C"
}

.icon-more:before {
    content: "\E65F"
}

.icon-officialcustomerservice:before {
    content: "\E660"
}

.icon-count-down:before {
    content: "\E662"
}

.icon-majorsuit-clearance:before {
    content: "\E666"
}

.icon-coordinate-points:before {
    content: "\E66E"
}

.icon-sweep:before {
    content: "\E663"
}

.icon-contacts:before {
    content: "\E670"
}

.icon-frends:before {
    content: "\E66E"
}

.icon-speed-group:before {
    content: "\E664"
}

.icon-mark-diamond:before {
    content: "\E676"
}

.icon-mark-alarmclock:before {
    content: "\E67A"
}

.icon-mark-fruit:before {
    content: "\E67B"
}

.icon-mark-skirt:before {
    content: "\E67C"
}

.icon-mark-diamond-1:before {
    content: "\E680"
}

.icon-mark-alarmclock-1:before {
    content: "\E681"
}

.icon-mark-fruit-1:before {
    content: "\E67E"
}

.icon-mark-skirt-1:before {
    content: "\E67F"
}

.icon-chat-feedback:before {
    content: "\E6B1"
}

.icon-category-man:before {
    content: "\E686"
}

.icon-category-hot:before {
    content: "\E688"
}

.icon-category-shoes:before {
    content: "\E689"
}

.icon-category-underwear:before {
    content: "\E687"
}

.icon-category-recharge:before {
    content: "\E68A"
}

.icon-recently-group:before {
    content: "\E683"
}

.icon-me-groups-new:before {
    content: "\E6AD"
}

.icon-drift-bottle:before {
    content: "\E699"
}

.icon-broadcast:before {
    content: "\E674"
}

.icon-play:before {
    content: "\E692"
}

.icon-replay-01:before {
    content: "\E694"
}

.icon-edit:before {
    content: "\E69D"
}

.icon-microphone:before {
    content: "\E673"
}

.icon-cards-museum:before {
    content: "\E6A9"
}

.icon-cards-museum-cancel:before {
    content: "\E6AA"
}

.icon-cards-buy-arrow:before {
    content: "\E6B4"
}

.icon-weixin_fanhuishangye:before {
    content: "\E723"
}

.icon-huidaodingbu:before {
    content: "\E722"
}

body {
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none
}

.enable-select,
div[contentEditable=true],
input,
p[contentEditable=true],
textarea {
    -webkit-user-select: text;
    -o-user-select: text;
    user-select: text
}

a[data-active=red]:active,
button[data-active=red]:active,
div[data-active=red]:active,
p[data-active=red]:active {
    color: #edbbb8 !important;
    background-color: #c51e14 !important
}

a[data-active=yellow]:active,
button[data-active=yellow]:active,
div[data-active=yellow]:active,
p[data-active=yellow]:active {
    color: #fce2bc !important;
    background-color: #f69e20 !important
}

a[data-active=ghost-red]:active,
button[data-active=ghost-red]:active,
div[data-active=ghost-red]:active,
p[data-active=ghost-red]:active {
    color: #c51e14 !important;
    background-color: #fdf3f2 !important;
    border-color: #e02e24 !important
}

a[data-active=ghost-gray]:active,
button[data-active=ghost-gray]:active,
div[data-active=ghost-gray]:active,
p[data-active=ghost-gray]:active {
    color: #878789 !important;
    background-color: #ebebeb !important;
    border-color: #8c8c8c !important
}

a[data-active=cell-white]:active,
button[data-active=cell-white]:active,
div[data-active=cell-white]:active,
p[data-active=cell-white]:active {
    background-color: rgba(0, 0, 0, .08) !important
}

a[data-active=cell-red]:active,
button[data-active=cell-red]:active,
div[data-active=cell-red]:active,
p[data-active=cell-red]:active {
    background-color: #f9d7d5 !important
}

a[data-active=cell-yellow]:active,
button[data-active=cell-yellow]:active,
div[data-active=cell-yellow]:active,
p[data-active=cell-yellow]:active {
    background-color: #f9eda1 !important
}

a[data-active=after-red]:after,
a[data-active=before-red]:before,
button[data-active=after-red]:after,
button[data-active=before-red]:before,
div[data-active=after-red]:after,
div[data-active=before-red]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000;
    pointer-events: none;
    border-radius: inherit
}

a[data-active=before-red]:active,
button[data-active=before-red]:active,
div[data-active=before-red]:active {
    color: hsla(0, 0%, 100%, .6) !important
}

a[data-active=before-red]:active:before,
button[data-active=before-red]:active:before,
div[data-active=before-red]:active:before {
    opacity: .15
}

a[data-active=after-red]:active,
button[data-active=after-red]:active,
div[data-active=after-red]:active {
    color: hsla(0, 0%, 100%, .6) !important
}

a[data-active=after-red]:active:after,
button[data-active=after-red]:active:after,
div[data-active=after-red]:active:after {
    opacity: .15
}

a[data-active=after-white]:after,
a[data-active=before-white]:before,
button[data-active=after-white]:after,
button[data-active=before-white]:before,
div[data-active=after-white]:after,
div[data-active=before-white]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000;
    pointer-events: none;
    border-radius: inherit
}

a[data-active=before-white]:active,
button[data-active=before-white]:active,
div[data-active=before-white]:active {
    color: rgba(0, 0, 0, .6) !important
}

a[data-active=before-white]:active:before,
button[data-active=before-white]:active:before,
div[data-active=before-white]:active:before {
    opacity: .05
}

a[data-active=after-white]:active,
button[data-active=after-white]:active,
div[data-active=after-white]:active {
    color: rgba(0, 0, 0, .6) !important
}

a[data-active=after-white]:active:after,
button[data-active=after-white]:active:after,
div[data-active=after-white]:active:after {
    opacity: .05
}

a[data-active=after-ghost]:after,
a[data-active=before-ghost]:before,
button[data-active=after-ghost]:after,
button[data-active=before-ghost]:before,
div[data-active=after-ghost]:after,
div[data-active=before-ghost]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #e02e24;
    pointer-events: none;
    border-radius: inherit
}

a[data-active=before-ghost]:active,
button[data-active=before-ghost]:active,
div[data-active=before-ghost]:active {
    color: rgba(234, 46, 36, .6) !important
}

a[data-active=before-ghost]:active:before,
button[data-active=before-ghost]:active:before,
div[data-active=before-ghost]:active:before {
    opacity: .05
}

a[data-active=after-ghost]:active,
button[data-active=after-ghost]:active,
div[data-active=after-ghost]:active {
    color: rgba(234, 46, 36, .6) !important
}

a[data-active=after-ghost]:active:after,
button[data-active=after-ghost]:active:after,
div[data-active=after-ghost]:active:after {
    opacity: .05
}

a[data-active=base-btn-red]:active,
button[data-active=base-btn-red]:active,
div[data-active=base-btn-red]:active,
li[data-active=base-btn-red]:active,
span[data-active=base-btn-red]:active {
    color: hsla(0, 0%, 100%, .7) !important;
    background-color: #c51e14 !important
}

a[data-active=base-btn-white]:active,
button[data-active=base-btn-white]:active,
div[data-active=base-btn-white]:active,
li[data-active=base-btn-white]:active,
span[data-active=base-btn-white]:active {
    color: #878789 !important;
    background-color: #ebebeb !important;
    border: none !important
}

a[data-active=base-btn-white]:active:after,
button[data-active=base-btn-white]:active:after,
div[data-active=base-btn-white]:active:after,
li[data-active=base-btn-white]:active:after,
span[data-active=base-btn-white]:active:after {
    content: "";
    position: absolute;
    width: 199%;
    height: 200%;
    border: 1px solid #8c8c8c;
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    border-radius: 8px;
    top: 0;
    left: 0
}

@media only screen and (-webkit-device-pixel-ratio:1.5) {

    a[data-active=base-btn-white]:active:after,
    button[data-active=base-btn-white]:active:after,
    div[data-active=base-btn-white]:active:after,
    li[data-active=base-btn-white]:active:after,
    span[data-active=base-btn-white]:active:after {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

a[data-active=base-btn-ghost]:active,
button[data-active=base-btn-ghost]:active,
div[data-active=base-btn-ghost]:active,
li[data-active=base-btn-ghost]:active,
span[data-active=base-btn-ghost]:active {
    color: #c51e14 !important;
    background-color: #fdf3f2 !important
}

a[data-active=base-text-black]:active,
button[data-active=base-text-black]:active,
div[data-active=base-text-black]:active,
li[data-active=base-text-black]:active,
span[data-active=base-text-black]:active {
    color: #151516 !important
}

a[data-active=base-text-red]:active,
button[data-active=base-text-red]:active,
div[data-active=base-text-red]:active,
li[data-active=base-text-red]:active,
span[data-active=base-text-red]:active {
    color: #c51e14 !important
}

a[data-active=base-text-black-bg]:active,
button[data-active=base-text-black-bg]:active,
div[data-active=base-text-black-bg]:active,
li[data-active=base-text-black-bg]:active,
span[data-active=base-text-black-bg]:active {
    background-color: rgba(0, 0, 0, .08) !important
}

.base-list-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    line-height: 1
}

.double-grid-one {
    width: 50%;
    position: relative;
    display: inline-block;
    margin-bottom: .03rem
}

.double-grid-item {
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.double-grid-item .goods-image,
.double-grid-item img {
    width: 1.86rem;
    height: 1.86rem;
    overflow: hidden
}

.double-grid-item .goods-image img,
.double-grid-item img img {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 1.86rem
}

.double-grid-item .goods-name {
    position: relative;
    padding: .07rem .08rem 0;
    width: 100%;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
    font-size: .12rem;
    color: #333;
    height: .44rem;
    line-height: 1.5
}

.double-grid-item .goods-name .activity-flag {
    position: relative;
    width: .14rem;
    height: auto;
    vertical-align: middle
}

.double-grid-item .goods-name .activity-flag-gap {
    margin-right: .04rem
}

.double-grid-item .goods-name .activity-flag-spike:before {
    content: "\E681";
    font-size: .14rem;
    color: #ffc32a;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.double-grid-item .goods-name .activity-flag-economical-brand:before {
    content: "\E68B";
    font-size: .14rem;
    color: #ffc32a;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.double-grid-item .goods-name .activity-flag-go-shopping:before {
    content: "\E67F";
    font-size: .14rem;
    color: #ff70b0;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.double-grid-item .goods-name .activity-flag-good-fruit:before {
    content: "\E67E";
    font-size: .14rem;
    color: #1ecd16;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.double-grid-item .goods-name .activity-flag-brand-clear:before {
    content: "\E68E";
    font-size: .14rem;
    color: #ff70b0;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.double-grid-item .detail {
    width: 100%;
    padding: .02rem .07rem 0;
    position: relative;
    height: .31rem;
    font-size: 0;
    line-height: 1.5
}

.double-grid-item .detail b {
    color: #ee2e3a;
    font-weight: 700
}

.double-grid-item .detail .price-icon {
    font-size: .1rem
}

.double-grid-item .detail .price {
    font-size: .16rem
}

.double-grid-item .detail .info {
    position: absolute;
    right: .07rem;
    bottom: .08rem;
    top: .05rem;
    font-size: .13rem;
    color: #9c9c9c
}

.double-grid-item .detail-coupon-tip {
    height: auto;
    padding-top: .07rem;
    padding-bottom: .11rem
}

.double-grid-item .detail-coupon-tip .info {
    top: .12rem;
    font-size: .12rem
}

.double-grid-item .coupon-tip {
    position: relative;
    display: inline-block;
    font-size: 0;
    width: 1.03rem;
    max-width: 100%;
    height: .21rem;
    line-height: .21rem;
    border-radius: .02rem;
    border: 1px solid #e02e24;
    overflow: hidden
}

.double-grid-item .coupon-tip span {
    display: block;
    color: #e02e24;
    height: 100%;
    padding: 0;
    vertical-align: top;
    font-size: .15rem;
    text-align: center
}

.double-grid-item .coupon-tip .coupon-tip-left {
    float: left;
    width: .37rem;
    font-size: .1rem;
    background-color: #e02e24;
    color: #fff
}

.double-grid-item .coupon-tip i {
    margin-left: -.02rem;
    font-size: .14rem;
    letter-spacing: -.02rem
}

.double-grid-item .coupon-tip .coupon-tip-right {
    float: left;
    width: .63rem;
    font-weight: 700
}

@media only screen and (max-width:375px) {

    .double-grid-item .coupon-tip .coupon-tip-left,
    .double-grid-item .coupon-tip span {
        line-height: .2rem
    }
}

.double-grid-item .sold-out-stamp {
    position: absolute;
    width: .8rem;
    height: .8rem;
    top: .53rem;
    left: .53rem;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 50%;
    z-index: 1;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center
}

.double-grid-item .sold-out-stamp span {
    color: #fff;
    font-size: .14rem
}

.gap-right {
    margin-right: .015rem
}

.gap-left {
    margin-left: .015rem
}

#recommend-title {
    vertical-align: top;
    padding: .21rem 0;
    width: 100%;
    text-align: center;
    background-color: #fff;
    font-size: .14rem;
    line-height: .14rem;
    color: #666
}













._3e_zICLu {
    font-style: normal
}

._2MlH0mH4 {
    position: relative;
    border: none !important;
    height: .72rem;
    background-color: #fff;
    padding: .16rem .12rem;
    z-index: 2
}

._2MlH0mH4:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

._3T7kYLjQ {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    padding: 0 .31rem
}

._3LhmAFR0 {
    width: .1rem;
    height: .1rem;
    background-image: url(https://funimg.pddpic.com/transaction/order/gray_circle.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative
}

._3LhmAFR0:before {
    content: "";
    display: inline-block;
    width: .94rem;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -.9rem;
    background: #d8d8d8;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1
}

._3LhmAFR0:first-child:before {
    display: none
}

._3LhmAFR0:last-child:before {
    width: .91rem
}

.N9XNtpyn {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    margin-top: .12rem;
    color: #d8d8d8;
    text-align: center
}

.eS8GQJCU {
    font-size: .12rem;
    line-height: .12rem
}

.eS8GQJCU:first-child {
    margin-right: .22rem
}

.eS8GQJCU:nth-child(2) {
    margin-right: .24rem
}

.eS8GQJCU:nth-child(3) {
    margin-right: .29rem
}

._1ZRrqKCD:before {
    background: #25b513
}

.muqExAma {
    background-image: url(https://funimg.pddpic.com/transaction/order/now_light_circle.png);
    width: .16rem;
    height: .16rem
}

._3Yyf2ZKx,
.muqExAma {
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat
}

._3Yyf2ZKx {
    background-image: url(https://funimg.pddpic.com/transaction/order/green_circle.png)
}

._16E3NWxh {
    color: #25b513
}

._38nhEY89 {
    font-style: normal
}

body {
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none
}

._32Q8dqSB,
div[contentEditable=true],
input,
p[contentEditable=true],
textarea {
    -webkit-user-select: text;
    -o-user-select: text;
    user-select: text
}

a[data-active=red]:active,
button[data-active=red]:active,
div[data-active=red]:active,
p[data-active=red]:active {
    color: #edbbb8 !important;
    background-color: #c51e14 !important
}

a[data-active=yellow]:active,
button[data-active=yellow]:active,
div[data-active=yellow]:active,
p[data-active=yellow]:active {
    color: #fce2bc !important;
    background-color: #f69e20 !important
}

a[data-active=ghost-red]:active,
button[data-active=ghost-red]:active,
div[data-active=ghost-red]:active,
p[data-active=ghost-red]:active {
    color: #c51e14 !important;
    background-color: #fdf3f2 !important;
    border-color: #e02e24 !important
}

a[data-active=ghost-gray]:active,
button[data-active=ghost-gray]:active,
div[data-active=ghost-gray]:active,
p[data-active=ghost-gray]:active {
    color: #878789 !important;
    background-color: #ebebeb !important;
    border-color: #8c8c8c !important
}

a[data-active=cell-white]:active,
button[data-active=cell-white]:active,
div[data-active=cell-white]:active,
p[data-active=cell-white]:active {
    background-color: rgba(0, 0, 0, .08) !important
}

a[data-active=cell-red]:active,
button[data-active=cell-red]:active,
div[data-active=cell-red]:active,
p[data-active=cell-red]:active {
    background-color: #f9d7d5 !important
}

a[data-active=cell-yellow]:active,
button[data-active=cell-yellow]:active,
div[data-active=cell-yellow]:active,
p[data-active=cell-yellow]:active {
    background-color: #f9eda1 !important
}

a[data-active=after-red]:after,
a[data-active=before-red]:before,
button[data-active=after-red]:after,
button[data-active=before-red]:before,
div[data-active=after-red]:after,
div[data-active=before-red]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000;
    pointer-events: none;
    border-radius: inherit
}

a[data-active=before-red]:active,
button[data-active=before-red]:active,
div[data-active=before-red]:active {
    color: hsla(0, 0%, 100%, .6) !important
}

a[data-active=before-red]:active:before,
button[data-active=before-red]:active:before,
div[data-active=before-red]:active:before {
    opacity: .15
}

a[data-active=after-red]:active,
button[data-active=after-red]:active,
div[data-active=after-red]:active {
    color: hsla(0, 0%, 100%, .6) !important
}

a[data-active=after-red]:active:after,
button[data-active=after-red]:active:after,
div[data-active=after-red]:active:after {
    opacity: .15
}

a[data-active=after-white]:after,
a[data-active=before-white]:before,
button[data-active=after-white]:after,
button[data-active=before-white]:before,
div[data-active=after-white]:after,
div[data-active=before-white]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000;
    pointer-events: none;
    border-radius: inherit
}

a[data-active=before-white]:active,
button[data-active=before-white]:active,
div[data-active=before-white]:active {
    color: rgba(0, 0, 0, .6) !important
}

a[data-active=before-white]:active:before,
button[data-active=before-white]:active:before,
div[data-active=before-white]:active:before {
    opacity: .05
}

a[data-active=after-white]:active,
button[data-active=after-white]:active,
div[data-active=after-white]:active {
    color: rgba(0, 0, 0, .6) !important
}

a[data-active=after-white]:active:after,
button[data-active=after-white]:active:after,
div[data-active=after-white]:active:after {
    opacity: .05
}

a[data-active=after-ghost]:after,
a[data-active=before-ghost]:before,
button[data-active=after-ghost]:after,
button[data-active=before-ghost]:before,
div[data-active=after-ghost]:after,
div[data-active=before-ghost]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #e02e24;
    pointer-events: none;
    border-radius: inherit
}

a[data-active=before-ghost]:active,
button[data-active=before-ghost]:active,
div[data-active=before-ghost]:active {
    color: rgba(234, 46, 36, .6) !important
}

a[data-active=before-ghost]:active:before,
button[data-active=before-ghost]:active:before,
div[data-active=before-ghost]:active:before {
    opacity: .05
}

a[data-active=after-ghost]:active,
button[data-active=after-ghost]:active,
div[data-active=after-ghost]:active {
    color: rgba(234, 46, 36, .6) !important
}

a[data-active=after-ghost]:active:after,
button[data-active=after-ghost]:active:after,
div[data-active=after-ghost]:active:after {
    opacity: .05
}

a[data-active=base-btn-red]:active,
button[data-active=base-btn-red]:active,
div[data-active=base-btn-red]:active,
li[data-active=base-btn-red]:active,
span[data-active=base-btn-red]:active {
    color: hsla(0, 0%, 100%, .7) !important;
    background-color: #c51e14 !important
}

a[data-active=base-btn-white]:active,
button[data-active=base-btn-white]:active,
div[data-active=base-btn-white]:active,
li[data-active=base-btn-white]:active,
span[data-active=base-btn-white]:active {
    color: #878789 !important;
    background-color: #ebebeb !important;
    border: none !important
}

a[data-active=base-btn-white]:active:after,
button[data-active=base-btn-white]:active:after,
div[data-active=base-btn-white]:active:after,
li[data-active=base-btn-white]:active:after,
span[data-active=base-btn-white]:active:after {
    content: "";
    position: absolute;
    width: 199%;
    height: 200%;
    border: 1px solid #8c8c8c;
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    border-radius: 8px;
    top: 0;
    left: 0
}

@media only screen and (-webkit-device-pixel-ratio:1.5) {

    a[data-active=base-btn-white]:active:after,
    button[data-active=base-btn-white]:active:after,
    div[data-active=base-btn-white]:active:after,
    li[data-active=base-btn-white]:active:after,
    span[data-active=base-btn-white]:active:after {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

a[data-active=base-btn-ghost]:active,
button[data-active=base-btn-ghost]:active,
div[data-active=base-btn-ghost]:active,
li[data-active=base-btn-ghost]:active,
span[data-active=base-btn-ghost]:active {
    color: #c51e14 !important;
    background-color: #fdf3f2 !important
}

a[data-active=base-text-black]:active,
button[data-active=base-text-black]:active,
div[data-active=base-text-black]:active,
li[data-active=base-text-black]:active,
span[data-active=base-text-black]:active {
    color: #151516 !important
}

a[data-active=base-text-red]:active,
button[data-active=base-text-red]:active,
div[data-active=base-text-red]:active,
li[data-active=base-text-red]:active,
span[data-active=base-text-red]:active {
    color: #c51e14 !important
}

a[data-active=base-text-black-bg]:active,
button[data-active=base-text-black-bg]:active,
div[data-active=base-text-black-bg]:active,
li[data-active=base-text-black-bg]:active,
span[data-active=base-text-black-bg]:active {
    background-color: rgba(0, 0, 0, .08) !important
}

@media only screen and (min-device-height:812px) {
    #_1GJxff_W {
        bottom: calc(.64rem + constant(safe-area-inset-bottom));
        bottom: calc(.64rem + env(safe-area-inset-bottom))
    }

    ._3oxoT3ta {
        bottom: -.98rem;
        bottom: calc(-.64rem + constant(safe-area-inset-bottom));
        bottom: calc(-.64rem + env(safe-area-inset-bottom))
    }

    ._1bhaLUT2 {
        bottom: calc(.64rem + constant(safe-area-inset-bottom));
        bottom: calc(.64rem + env(safe-area-inset-bottom))
    }

    ._29Axnlkc {
        padding-bottom: calc(0px + constant(safe-area-inset-bottom));
        padding-bottom: calc(0px + env(safe-area-inset-bottom))
    }
}

#order {
    font-family: PingFangSC-Regular, STHeiti STXihei, Microsoft YaHei, Microsoft JhengHei, miui
}

._37oJ-BeA {
    height: .36rem;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background: #fff5b2;
    padding-left: .12rem;
    color: #151516;
    font-size: .14rem
}

._3TwhLlVG,
._37oJ-BeA {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._3TwhLlVG {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center
}

._19QAo4eX {
    color: #076fff
}

._3UVoJhrQ:before {
    content: "\E92C";
    font-size: .12rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    padding: 0 .12rem
}

.HV_hI6em>._3I-ylGLM {
    margin-bottom: .08rem;
    background: #fff
}

.HV_hI6em>._3I-ylGLM>div {
    position: relative
}

.HV_hI6em>._3I-ylGLM>div:not(:first-child) {
    position: relative;
    border: none !important
}

.HV_hI6em>._3I-ylGLM>div:not(:first-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .05);
    left: .12rem;
    width: 7.26rem
}

.pIu0Bahd {
    margin: .08rem 0 .28rem
}

._3rL8Gxq4 {
    height: .62rem
}

.apple_3rl {
    height: .71rem
}

._3kqkV48z .dialog-content-title:before {
    content: "\E730";
    font-size: .18rem;
    color: #e02e24;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

._3kqkV48z .dialog-content-title {
    color: #e02e24 !important
}

@media only screen and (min-device-height:812px) {
    ._3rL8Gxq4 {
        height: calc(.62rem + constant(safe-area-inset-bottom));
        height: calc(.62rem + env(safe-area-inset-bottom))
    }

    @supports (-webkit-overflow-scrolling:touch) {
        ._2btiZxOO {
            height: calc(.62rem + 34px)
        }
    }
}

@media only screen and (min-device-height:812px) {

    ._1Hc2Y7hf,
    .ZV0A1baL {
        bottom: calc(.76rem + constant(safe-area-inset-bottom));
        bottom: calc(.76rem + env(safe-area-inset-bottom))
    }

    .ZV0A1baL {
        opacity: 1
    }

    .TuvwwIg1 {
        bottom: calc(-.76rem + constant(safe-area-inset-bottom));
        bottom: calc(-.76rem + env(safe-area-inset-bottom));
        opacity: 0
    }
}

._3cGfA1Np {
    font-style: normal
}

@media only screen and (min-device-height:812px) {
    #_5-utBa1y {
        bottom: calc(.64rem + constant(safe-area-inset-bottom));
        bottom: calc(.64rem + env(safe-area-inset-bottom))
    }

    ._1_nnd3Af {
        bottom: -.98rem;
        bottom: calc(-.64rem + constant(safe-area-inset-bottom));
        bottom: calc(-.64rem + env(safe-area-inset-bottom))
    }

    ._1FQ-qifD {
        bottom: calc(.64rem + constant(safe-area-inset-bottom));
        bottom: calc(.64rem + env(safe-area-inset-bottom))
    }

    ._223ezsmB {
        padding-bottom: calc(0px + constant(safe-area-inset-bottom));
        padding-bottom: calc(0px + env(safe-area-inset-bottom))
    }
}

._3bH7VZOP {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    height: .5rem;
    background: #fff;
    z-index: 2;
    box-sizing: content-box;
    padding-right: .12rem;
    border-top: 1px solid rgba(0, 0, 0, .05);
}

.apple_3bh {
    padding-bottom: 0.2rem;
}

._1q_1xvQC {
    min-width: .68rem;
    height: .3rem;
    background: #fff;
    margin-top: .1rem;
    margin-left: .08rem;
    float: right;
    text-align: center;
    border-radius: .04rem;
    font-size: .14rem;
    color: #151516;
    position: relative;
    border: none !important;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._1q_1xvQC:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #9c9c9c
}

._1q_1xvQC span {
    line-height: .3rem;
    padding: 0 .06rem
}

._1q_1xvQC:after {
    border-radius: .08rem
}

._1q_1xvQC .UbJX-QpS {
    padding-left: .04rem
}

._1q_1xvQC .EFTu_RMF {
    display: inline-block;
    width: .1rem;
    height: .12rem;
    margin-left: .06rem;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: .1rem, .12rem
}

.WSG9db2g {
    background: #e02e24;
    color: #fff
}

.WSG9db2g:after {
    content: none
}

._2Da6pSM9 {
    background: #e0e0e0;
    color: #9c9c9c
}

._2Da6pSM9:after {
    content: none
}

._1vyb3g-4 {
    position: relative;
    margin-right: 0;
    float: right;
    margin-top: .1rem;
    width: .66rem;
    height: .3rem;
    line-height: .3rem;
    text-align: center
}

._1vyb3g-4:before {
    content: "\66F4\591A";
    border: none;
    color: #151516;
    font-size: .13rem
}

._1vyb3g-4:active:before {
    color: #9c9c9c
}

._15Dybn3Q {
    position: relative;
    box-shadow: 0 -.02rem .08rem 0 #d8d8d8;
    border-radius: .06rem
}

._125Hsbq1 {
    border-radius: .06rem;
    overflow: hidden
}

.GfGfdxKt {
    position: relative;
    padding: 0 .14rem;
    height: .42rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    font-size: .14rem;
    color: #58595b;
    line-height: .42rem;
    text-align: center
}

.GfGfdxKt:first-child {
    border: none
}

.GfGfdxKt:not(:last-child):before {
    content: "";
    position: absolute;
    bottom: 0;
    left: .14rem;
    width: .84rem;
    height: 1px;
    border-bottom: 1px solid #ededed
}

.GfGfdxKt:active {
    background-color: rgba(0, 0, 0, .08)
}

.GfGfdxKt:active:before {
    display: none
}

.tSIO3vhb {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 98
}

._1E19QxNT {
    display: inline-block;
    position: absolute;
    right: -.23rem;
    bottom: .34rem;
    width: 1.12rem;
    z-index: 99;
    border-radius: .06rem;
    background: #fff
}

._1rONWO7c {
    background-image: url("");
    background-size: 100%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    right: .445rem;
    bottom: -.1rem;
    width: .23rem;
    height: .1rem;
    z-index: 998
}

._2r79Dtn- {
    max-width: 100%;
    position: absolute;
    bottom: .46rem;
    border-radius: .04rem;
    background-color: rgba(0, 0, 0, .8);
    padding: 0 .09rem;
    color: #fff;
    height: .3rem;
    line-height: normal;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._2r79Dtn- img {
    margin-right: .03rem
}

._2RltWNxu {
    white-space: nowrap;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._1I_Bi9MK {
    background-image: url(https://funimg.pddpic.com/transaction/order/close_tips.png.slim.png);
    width: .09rem;
    height: .09rem;
    margin-left: .08rem;
    background-size: contain
}

.iHhMhgrn {
    position: absolute;
    bottom: -.05rem;
    width: .14rem;
    height: .05rem;
    background-image: url(https://funimg.pddpic.com/order_checkout/three_order_gift_tip_triangle.png);
    background-size: 100% 100%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

@media only screen and (min-device-height:812px) {
    ._3bH7VZOP {
        height: calc(.5rem + constant(safe-area-inset-bottom));
        height: calc(.5rem + env(safe-area-inset-bottom))
    }

    ._2r79Dtn- {
        bottom: calc(.46rem + constant(safe-area-inset-bottom));
        bottom: calc(.46rem + env(safe-area-inset-bottom))
    }

    @supports (-webkit-overflow-scrolling:touch) {
        ._23vsbon- {
            height: calc(.5rem + 34px)
        }

        .-JFpE-nr {
            bottom: calc(.46rem + 34px)
        }
    }
}

.Y1Msh6H- {
    font-style: normal
}

._1CRq25fR {
    padding: 0 .12rem;
    background-color: #fff;
    margin-bottom: .08rem
}

._3mLOaFVC {
    height: .4rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._3EFalPEd {
    font-size: .14rem;
    color: #58595b
}

._2FuraA2L {
    font-size: .14rem;
    color: #9c9c9c
}

._2FuraA2L:after {
    content: "\E617";
    font-size: .13rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-left: .04rem
}

._2FuraA2L:active {
    color: hsla(0, 0%, 61%, .8)
}

._2FuraA2L:active:after {
    color: rgba(0, 0, 0, .1)
}

._1SSUrbsk {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-content: flex-start;
    -webkit-align-content: flex-start;
    padding-bottom: .04rem
}

._1SSUrbsk,
.RhoNTtsh {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

.RhoNTtsh {
    width: 1.71rem;
    height: .28rem;
    background-color: #f4f4f4;
    font-size: .12rem;
    color: #151516;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: .08rem;
    border-radius: .04rem
}

._w4MZrKz {
    font-style: normal
}

._3NKSRmTk {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    border-left: 1px solid rgba(0, 0, 0, .15);
    padding-left: .12rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    ._3NKSRmTk {
        position: relative;
        border: none !important
    }

    ._3NKSRmTk:after {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        right: -33.33%;
        bottom: -33.33%;
        left: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        pointer-events: none;
        -webkit-transform: scale(.75);
        transform: scale(.75);
        width: 133.33%;
        box-sizing: border-box;
        border-left: 1px solid rgba(0, 0, 0, .15)
    }
}

@media (-webkit-min-device-pixel-ratio:2) {
    ._3NKSRmTk {
        position: relative;
        border: none !important
    }

    ._3NKSRmTk:after {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        right: -100%;
        bottom: -100%;
        left: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        pointer-events: none;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        width: 200%;
        box-sizing: border-box;
        border-left: 1px solid rgba(0, 0, 0, .15)
    }
}

@media (-webkit-min-device-pixel-ratio:3) {
    ._3NKSRmTk {
        position: relative;
        border: none !important
    }

    ._3NKSRmTk:after {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        right: -202%;
        bottom: -202%;
        left: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        pointer-events: none;
        -webkit-transform: scale(.33);
        transform: scale(.33);
        width: 300%;
        box-sizing: border-box;
        border-left: 1px solid rgba(0, 0, 0, .15)
    }
}

._2EO6Aczd,
._w4MZrKz {
    position: relative
}

._w4MZrKz {
    display: inline-block;
    margin-right: .08rem;
    border-radius: 50%;
    width: .24rem;
    height: .24rem;
    border: 1px solid rgba(0, 0, 0, .04)
}

._w4MZrKz img {
    -webkit-clip-path: circle(.11rem at .11rem .11rem);
    clip-path: circle(.11rem at .11rem .11rem);
    object-fit: cover;
    width: 100%;
    height: 100%
}

._1axj8E9z {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    font-size: .13rem;
    line-height: normal
}

._3ySpuCa1 {
    font-size: .09rem
}

._2robuAOY {
    border: none
}

._2robuAOY:before {
    content: "\E831";
    font-size: .24rem;
    color: #d2d2d2;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400
}

._3fbIcTH6 {
    border: none
}

._3fbIcTH6:before {
    content: "\E832";
    font-size: .24rem;
    color: #e0e0e0;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400
}

._2xM4qTof {
    font-style: normal
}

._1KrSggPG {
    position: relative;
    width: 100%;
    height: .44rem;
    background-color: #fff;
    padding-left: .12rem;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-flex-flow: wrap;
    flex-flow: wrap
}

._1KrSggPG,
.qAa3ONqz {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

.qAa3ONqz {
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center
}

.qAa3ONqz:last-child {
    position: relative;
    padding: .12rem .12rem .12rem 0
}

._29d1KdgV {
    margin: .12rem 0;
    font-size: .14rem;
    line-height: normal;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    color: #151516
}

._2O2aPXb1,
._29d1KdgV {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._2O2aPXb1 {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    height: 100%;
    vertical-align: bottom
}

._2O2aPXb1:after {
    content: "\E777";
    font-size: .13rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-left: -.06rem
}

.Pvh0-_Vt {
    display: inline-block;
    width: .11rem;
    height: .15rem;
    margin-right: .08rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: .11rem, .15rem
}

._5lCPsXsk {
    background-color: #fff;
    height: .44rem;
    margin: .08rem 0
}

._5lCPsXsk ._1E248LIa,
._5lCPsXsk ._2O2aPXb1 {
    visibility: hidden
}

.FyrhwZxs {
    margin-right: .07rem
}

#TYVaoW2I {
    line-height: 1;
    font-size: 12px;
    margin-bottom: .08rem
}

.VuORZ2Ld {
    position: relative;
    height: .38rem;
    margin-left: .12rem;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start
}

._1_awMaVG,
.VuORZ2Ld {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._1_awMaVG {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: #fff
}

.zZYYH7mE {
    width: .2rem;
    height: .2rem;
    border-radius: .02rem;
    overflow: hidden;
    margin-right: .11rem
}

.KJUFK0bf {
    max-width: 2.11rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: .15rem;
    line-height: .15rem
}

._1L2dZi9U,
.KJUFK0bf {
    display: inline-block;
    vertical-align: middle
}

._1L2dZi9U {
    width: .3rem;
    height: .16rem;
    margin-left: .06rem;
    background-size: contain;
    background-repeat: no-repeat
}

._29NO4zn9 {
    font-size: .13rem;
    color: #151516
}

._29NO4zn9:after {
    content: "\E617";
    font-size: .09rem;
    color: #5f5f5f;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-left: .04rem
}

._2wOkduA3 {
    position: absolute;
    top: .125rem;
    right: .11rem;
    font-size: .13rem
}

._1mEsRj_v {
    height: auto;
    width: 100%;
    background-color: #fff;
    padding: .04rem .12rem .08rem;
    position: relative;
    border: none !important
}

._1mEsRj_v:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.nUWcwDx3 {
    position: relative;
    min-height: .78rem
}

._2Siz_2h2 {
    position: relative;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    overflow: hidden;
    margin-right: .13rem;
    float: left
}

._2Siz_2h2,
._12-jOe04 {
    width: .78rem;
    height: .78rem
}

._12-jOe04,
.S5dwo1u0 {
    border-radius: .02rem
}

.S5dwo1u0 {
    top: 0;
    left: 0;
    height: .78rem;
    background-color: rgba(0, 0, 0, .04);
    z-index: 100
}

._1FYU0RtN,
.S5dwo1u0 {
    position: absolute;
    width: .78rem
}

._1FYU0RtN {
    bottom: 0;
    height: .24rem;
    font-size: .11rem;
    color: #fff;
    text-align: center;
    line-height: .24rem;
    background-color: rgba(0, 0, 0, .55)
}

._1VbBOHGg {
    margin-left: .9rem;
    flex-shrink: 1;
    -webkit-flex-shrink: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

._3F_Ya1M_,
.fQQmrJMP {
    overflow: hidden
}

._3F_Ya1M_ {
    position: relative;
    margin-right: .1rem;
    margin-top: .01rem;
    margin-bottom: .02rem;
    font-size: .13rem;
    min-height: .54rem
}

._3F_Ya1M_ p {
    color: #151516;
    line-height: .18rem;
    margin-bottom: .03rem
}

._3F_Ya1M_ .TpuY8Cae,
._3F_Ya1M_ p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._3F_Ya1M_ .TpuY8Cae {
    position: relative;
    line-height: .16rem;
    margin-bottom: 0;
    font-size: .12rem;
    color: #9c9c9c;
    white-space: pre-line
}

._3F_Ya1M_ ._8cpHFGPQ {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical
}

._2XXH6GVL {
    position: absolute;
    bottom: 0;
    right: 0;
    background: -webkit-linear-gradient(right, #f5f5f5, #f5f5f5 50%, hsla(0, 0%, 100%, 0)) no-repeat;
    background: linear-gradient(270deg, #f5f5f5, #f5f5f5 50%, hsla(0, 0%, 100%, 0)) no-repeat;
    display: inline-block;
    width: .35rem
}

._2XXH6GVL:after {
    content: "\E616";
    font-size: .08rem;
    color: #9c9c9c;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    position: relative;
    bottom: -.01rem;
    float: right;
    padding-right: .02rem;
    line-height: .16rem
}

._3I2eOU0c {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

._2XHek3-z {
    float: left;
    font-size: .11rem;
    padding: 0 .03rem;
    margin-top: .03rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    margin-right: .02rem
}

._207jUowd {
    padding-right: .01rem
}

._207jUowd span {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._207jUowd span:after {
    content: "\E617";
    font-size: .09rem;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin-top: .01rem
}

._1vYxJCO6 {
    background: #25b513;
    color: #fff;
    border-radius: .02rem;
    line-height: .15rem
}

._1vYxJCO6 span {
    margin-top: .01rem
}

._1vYxJCO6:active {
    background-color: rgba(31, 147, 71, .7)
}

._6W9ihoyr {
    color: #25b513;
    font-size: .12rem;
    padding-left: 0;
    margin-left: 0
}

._1KDcg5LJ {
    position: relative;
    margin-top: .03rem;
    text-align: right;
    font-size: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

._1z-6ukcC {
    font-size: .14rem;
    color: #151516;
    margin-bottom: .06rem
}

._1z-6ukcC i {
    font-size: .13rem
}

._5PXV7-6X {
    font-size: .12rem;
    color: #9c9c9c
}

.A9rdtJCy {
    min-height: .91rem;
    padding-bottom: .07rem
}

._1VbBOHGg {
    border: none
}

._2-ZTJCO9 {
    position: absolute;
    top: -.27rem;
    right: .1rem;
    line-height: .22rem;
    color: #fff;
    height: .35rem;
    max-width: 2.36rem
}

._23TivGWx {
    color: #f4c33d
}

._2Otx2CFw {
    background-color: rgba(0, 0, 0, .8);
    height: .3rem;
    padding: .04rem .13rem;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: .04rem
}

._1iNFFau9 {
    width: .12rem;
    height: .05rem;
    background-image: url(https://funimg.pddpic.com/transaction/order/tips_arrow.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute
}

._39f0KNXl {
    width: 100%;
    padding: .1rem;
    min-height: .38rem;
    color: #58595b;
    position: relative;
    border: none !important;
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    font-size: .12rem
}

._39f0KNXl:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

._2n-xKqXh {
    max-width: 1.9rem;
    line-height: .19rem
}

.PxVqKfeO {
    text-align: right;
    max-width: 1.8rem;
    margin-left: .12rem;
    line-height: .19rem;
    position: relative
}

._22WYyzdH {
    width: .22rem;
    height: .22rem;
    position: relative;
    top: -.03rem;
    right: .05rem;
    border: 1px solid #f3b61f;
    border-radius: 50%
}

._15F5BWdt {
    display: inline-block;
    margin-left: .04rem
}

.pb2EWvij {
    display: inline-block;
    width: .12rem;
    height: .12rem;
    margin-left: .03rem;
    vertical-align: text-top;
    top: .03rem;
    position: relative;
    background-image: url(https://funimg.pddpic.com/transaction/order/2020-07-15/11ee9688-8151-435d-9374-71ba364a216d.png.slim.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-size: contain
}

._3thuMkFD,
._23hTwt7g {
    color: #e02e24
}

._3thuMkFD {
    font-size: .15rem
}

._1VHxk9vl {
    font-size: .16rem;
    color: #e02e24;
    position: relative;
    display: inline-block
}

._1VHxk9vl i {
    font-size: .12rem
}

._2MvjQMuy {
    height: .38rem;
    padding: 0 .12rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    font-size: .13rem;
    color: #58595b
}

._2MvjQMuy:before {
    content: "\E626";
    font-size: .16rem;
    color: #26ae5f;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin-right: .04rem
}

._1yDXwBrH {
    font-size: .13rem;
    padding-left: .12rem;
    color: #58595b
}

._3aiujXGK {
    position: absolute;
    color: #339b29;
    font-size: .12rem;
    line-height: .31rem;
    margin-left: .09rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._3aiujXGK:after {
    content: "\E617";
    font-size: .1rem;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin-left: .03rem
}

._1iJ5VLRf {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    height: .3rem;
    padding: 0 .06rem;
    font-size: .14rem
}

._14Y6EwGj {
    display: inline-block;
    width: .16rem;
    height: .2rem;
    margin-right: .04rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.j22hvRYc {
    position: relative;
    line-height: .3rem;
    margin-top: .08rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.j22hvRYc>div {
    width: auto;
    height: .3rem;
    padding: 0 .06rem;
    line-height: .3rem;
    color: #151516;
    background-color: #fff;
    border-radius: .04rem;
    margin-left: .08rem
}

.j22hvRYc>div a {
    color: #151516
}

.j22hvRYc>div:not(._1G1waNWk) {
    position: relative;
    border-radius: .04rem;
    border: none !important
}

.j22hvRYc>div:not(._1G1waNWk):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #9c9c9c;
    border-radius: .08rem
}

.j22hvRYc ._1G1waNWk {
    padding: 0 .06rem;
    position: relative;
    border-radius: .04rem;
    border: none !important
}

.j22hvRYc ._1G1waNWk a {
    color: #e02e24
}

.j22hvRYc ._1G1waNWk:active a {
    color: #c51e14
}

.j22hvRYc ._1G1waNWk:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #e02e24;
    border-radius: .08rem
}

._3czi00q7 a {
    color: #9c9c9c
}

._3czi00q7:active a {
    color: #878789
}

._3PQMIaH- {
    color: #151516;
    font-size: .14rem;
    width: .44rem;
    text-align: center;
    position: relative
}

._3PQMIaH-:active {
    color: #9c9c9c
}

._37HySnxx {
    position: absolute;
    top: .35rem;
    left: .08rem;
    width: 1.12rem;
    z-index: 1
}

._1RX5CWDp {
    display: inline-block;
    z-index: 100;
    background: #fff;
    position: relative
}

._3dLTQ7Is {
    position: absolute;
    top: -.1rem;
    left: .03rem;
    width: .23rem;
    height: .1rem;
    background-image: url("");
    background-size: 100%
}

.aWbny5Pc {
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 100%;
    border-radius: .06rem;
    box-shadow: 0 .02rem .08rem 0 #d8d8d8
}

._1Ow_ystA,
.aWbny5Pc {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-direction: normal
}

._1Ow_ystA {
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-flex-direction: row;
    width: 1.12rem;
    height: .42rem;
    font-size: .14rem;
    color: #58595b;
    white-space: nowrap
}

._1Ow_ystA:not(:last-child) {
    position: relative;
    border: none !important
}

._1Ow_ystA:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

._1Ow_ystA:active {
    background-color: rgba(0, 0, 0, .08)
}

._1Ow_ystA:active:before {
    display: none
}

._3hTJs8L4 {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 98;
    top: 0;
    left: 0
}

._2_h3Y2ii {
    height: .54rem
}

._2_h3Y2ii .zZYYH7mE {
    width: .3rem;
    height: .3rem;
    margin-right: .08rem
}

._2_h3Y2ii ._29NO4zn9:after {
    display: none
}

._28Noe9g1 {
    font-size: .13rem;
    color: #58595b;
    line-height: .13rem;
    margin-top: .04rem
}

._3J1Xj7uJ {
    color: #e02e24
}

._3hkAtmAb {
    font-size: .13rem;
    color: #58595b;
    line-height: .13rem;
    position: absolute;
    top: .21rem;
    right: .09rem
}

._3hkAtmAb:after {
    content: "\E617";
    font-size: .13rem;
    color: #d9d9d9;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-left: .06rem
}

._39y9o-oG {
    max-width: 1.4rem
}

.nhVhpwQ4 .confirm-btn>span:before {
    content: "\E626";
    font-size: .18rem;
    color: #e02e24;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin-right: .06rem
}

.tUJ99vFF {
    font-style: normal
}

.nz0L-RqA {
    background: #fff
}

._3bmVOuLb {
    padding: .05rem .12rem 0
}

._2_rIKhJs {
    width: 100%;
    height: 100%;
    border-radius: .06rem .06rem 0 0;
    background-image: url(https://funimg.pddpic.com/transaction/order/train_bg.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: .13rem .12rem;
    color: #151516
}

._9IoEN1iE {
    padding: .18rem .12rem;
    background-position: 0 -.16rem
}

.QThGfVQA {
    height: .14rem;
    margin-bottom: .13rem;
    line-height: .14rem
}

.TVslg8Ly {
    background-color: #b5e7ff;
    border-radius: .02rem;
    margin-right: .04rem;
    color: #1b4d65;
    width: .4rem;
    height: .14rem;
    text-align: center
}

._3cPDoYad,
.TVslg8Ly {
    display: inline-block;
    font-size: .12rem
}

._3cPDoYad {
    color: rgba(0, 0, 0, .5)
}

._3Rwri6lb {
    font-size: .12rem;
    color: #e02e24;
    float: right
}

._1uu9RNLs {
    color: #58595b
}

._30GEabCc {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._3vxpMMDT,
._7zuykEFH {
    line-height: 1
}

._1EufKYpF {
    font-size: .14rem
}

.RMGoTApx {
    margin-top: .09rem;
    font-size: .24rem;
    font-weight: 700
}

._3jw_6vrN {
    margin-top: .07rem;
    font-size: .14rem
}

.Y2h4nc_4 {
    text-align: center;
    font-size: .12rem
}

.T-iiGKZy {
    height: .12rem;
    line-height: .12rem;
    margin-top: .04rem
}

._1rCNZfoU {
    width: .86rem;
    height: .24rem;
    position: relative;
    margin: .06rem 0 .05rem
}

.edrK8R4V {
    height: .12rem;
    line-height: .12rem
}

.jO58E598:after {
    content: "\E8C9";
    font-size: .12rem;
    color: #151516;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-left: .02rem;
    display: inline-block;
    width: .12rem;
    height: .13rem
}

._7zuykEFH {
    text-align: right
}

._2r4ofEkD {
    opacity: .5
}

.H-6G3V7x {
    border-radius: 0 0 .06rem .06rem
}

._23TZYHWk,
.H-6G3V7x {
    background-color: #b9e8ff
}

._23TZYHWk {
    padding: .09rem .12rem 0;
    position: relative;
    height: .49rem
}

._3TUWmbYa,
._23TZYHWk:last-child {
    border-radius: 0 0 .06rem .06rem
}

.q9KXhlB1 {
    font-size: .14rem;
    color: #151516;
    line-height: .14rem;
    height: .14rem;
    margin-bottom: .05rem
}

._2_sqa2BK,
.q9KXhlB1 {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._2_sqa2BK {
    font-size: .12rem;
    color: rgba(0, 0, 0, .5);
    line-height: .12rem;
    height: .12rem
}

._23godJhn:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: .17rem;
    margin-top: .13rem;
    position: absolute;
    bottom: -.05rem;
    left: 0;
    z-index: 2;
    background-image: url(https://funimg.pddpic.com/tcashier_train_checkout/passengers_item_shadow.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat
}

._2QxRiMrM {
    height: .46rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    font-size: .14rem;
    color: #151516
}

._2qtrNLwN {
    color: #e02e24
}

._1itT2MR1 {
    float: right;
    height: .3rem;
    line-height: .3rem;
    position: relative;
    border-radius: .04rem;
    border: none !important;
    padding: 0 .09rem;
    margin-left: .08rem;
    min-width: .72rem;
    text-align: center
}

._1itT2MR1:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #9f9f9f;
    border-radius: .08rem
}

.N2V9wgDi {
    display: inline-block;
    width: .16rem;
    height: .2rem;
    margin-right: .04rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: .16rem, .2rem;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.PQTRw89n {
    font-style: normal
}

._3K9j7J0d {
    background-color: #fff;
    padding-left: .12rem;
    margin-bottom: .08rem
}

._1pCX6pK6 {
    min-height: .43rem;
    font-size: .15rem;
    color: #151516;
    line-height: .43rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    position: relative;
    border: none !important
}

._1pCX6pK6:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.liZ8oxrx {
    width: .76rem;
    color: #b8b8b8;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

._2zZsgJqG,
._3kZ-ZHjK {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

._2zZsgJqG {
    width: 2.87rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    padding-right: .15rem
}

._2zZsgJqG:not(:first-child) {
    position: relative;
    border: none !important
}

._2zZsgJqG:not(:first-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

._2OM2Eenk,
.cQcQ7Zw9 {
    font-size: .18rem;
    color: #151516;
    line-height: .18rem
}

._2OM2Eenk>span,
.cQcQ7Zw9>span {
    width: 100%;
    display: inline-block
}

._2OM2Eenk {
    text-align: right;
    padding-right: .12rem
}

._3S47TtZx,
._tInk_dU {
    margin: .12rem 0 .07rem;
    position: relative;
    width: 1rem
}

._3tuhRGtb {
    font-size: .12rem;
    color: #151516;
    line-height: .12rem;
    position: absolute;
    right: -.15rem;
    bottom: .12rem
}

._2ZmCmW3n,
._3vmLFaBt {
    font-size: .13rem;
    margin-bottom: .09rem
}

._3uev-iXF {
    text-align: center;
    display: inline-block;
    font-size: .12rem;
    color: #58595b;
    line-height: .12rem;
    margin-top: .18rem
}

._3uev-iXF>span {
    width: 100%;
    display: inline-block
}

._3hv22J8c {
    font-size: 0;
    width: .72rem;
    height: .045rem;
    position: relative;
    display: block;
    margin-bottom: .035rem
}

._3hv22J8c,
._3hv22J8c:after {
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

._3hv22J8c:after {
    content: "";
    position: absolute;
    top: .01rem;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .065rem
}

.pGL_U4an:after {
    content: "\E8C9";
    font-size: .12rem;
    color: #151516;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-left: .02rem;
    width: .12rem;
    height: .13rem
}

.general-countdown .time,
.pGL_U4an:after {
    display: inline-block
}

._1L-i8rlI {
    font-style: normal
}

._2tEtEfhP {
    width: 100%;
    height: .38rem;
    border-top: 1px solid #f2f2f2;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    padding: 0 .11rem 0 .12rem;
    background: #fff
}

@media (-webkit-min-device-pixel-ratio:1.5) {
    ._2tEtEfhP {
        position: relative;
        border: none !important
    }

    ._2tEtEfhP:after {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        right: -33.33%;
        bottom: -33.33%;
        left: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        pointer-events: none;
        -webkit-transform: scale(.75);
        transform: scale(.75);
        width: 133.33%;
        box-sizing: border-box;
        border-top: 1px solid #f2f2f2
    }
}

@media (-webkit-min-device-pixel-ratio:2) {
    ._2tEtEfhP {
        position: relative;
        border: none !important
    }

    ._2tEtEfhP:after {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        right: -100%;
        bottom: -100%;
        left: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        pointer-events: none;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        width: 200%;
        box-sizing: border-box;
        border-top: 1px solid #f2f2f2
    }
}

@media (-webkit-min-device-pixel-ratio:3) {
    ._2tEtEfhP {
        position: relative;
        border: none !important
    }

    ._2tEtEfhP:after {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        right: -202%;
        bottom: -202%;
        left: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        pointer-events: none;
        -webkit-transform: scale(.33);
        transform: scale(.33);
        width: 300%;
        box-sizing: border-box;
        border-top: 1px solid #f2f2f2
    }
}

.dlWU8voO {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

.aqcLM0Ar {
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: .09rem
}

._3rI-2sWq {
    color: #e02e24
}

._3FhkcamA,
.eVFLqXme {
    font-size: .13rem;
    line-height: .13rem
}

._3FhkcamA {
    color: #151516;
    min-width: .16rem;
    text-align: center
}

.a3jyTC4O {
    display: inline-block;
    height: .13rem;
    vertical-align: middle
}

._2bHJY1jr {
    display: inline-block;
    line-height: .13rem;
    color: #151516
}

._1aoLjYmw {
    font-size: .13rem;
    line-height: .13rem
}

._1aoLjYmw:last-child:after {
    content: "\E617";
    font-size: .1rem;
    color: #d9d9d9;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-left: .02rem
}

._2tEtEfhP:active ._1aoLjYmw {
    color: #58595b !important
}

._2tEtEfhP:active ._1aoLjYmw:last-child:after {
    color: #a6a6a6
}

._28oC05HC {
    font-style: normal
}

._2lbZVM-p {
    position: relative;
    background-color: #fff;
    padding: .08rem .12rem;
    width: 100%;
    height: auto
}

._2lbZVM-p li {
    position: relative;
    font-size: .12rem;
    line-height: .2rem;
    min-height: .2rem;
    color: #9c9c9c;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._3hXR6Znk {
    min-width: .64rem
}

._21Cl1MZp {
    line-height: .16rem
}

._2B-0MrIp {
    word-break: break-all;
    word-wrap: break-word;
    height: .2rem
}

._2B-0MrIp span {
    max-width: 1.75rem;
    max-width: calc(100vw - 1.5px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._2DMnY_WT {
    color: #6fadc6
}

._3O0HGg4N {
    display: inline-block;
    position: absolute;
    border-radius: .04rem;
    border: none !important;
    right: 0;
    margin-left: .1rem;
    font-size: .12rem;
    color: #58595b;
    line-height: .22rem;
    padding: 0 .08rem;
    text-align: center
}

._3O0HGg4N:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #9c9c9c;
    border-radius: .08rem
}

._2YRWxldF {
    padding-bottom: .28rem;
    position: relative
}

._2QaJo3x9 {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: .28rem 0 .12rem;
    font-size: .12rem;
    color: #9c9c9c;
    line-height: .12rem;
    width: 100%;
    height: .52rem;
    background-color: #fff;
    background: -webkit-linear-gradient(bottom, #fff, #fff 53%, hsla(0, 0%, 100%, 0));
    background: linear-gradient(0deg, #fff, #fff 53%, hsla(0, 0%, 100%, 0));
    z-index: 1
}

._2QaJo3x9:after {
    content: "";
    background-image: url(https://funimg.pddpic.com/2020-09-21/cc5b0423-378f-4775-a4d6-07d9c43b884e.png.slim.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: inline-block;
    width: .12rem;
    height: .08rem;
    margin-left: .04rem;
    opacity: .4
}

._2QaJo3x9:active {
    color: #58595b
}

._2QaJo3x9:active:after {
    opacity: 1
}

.Gn0Gai-v {
    font-style: normal
}

@-webkit-keyframes _1fAozZqi {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes _1fAozZqi {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

._2xwU4XhN {
    background-color: #fff;
    padding: .14rem .12rem .14rem .24rem;
    margin-bottom: .08rem
}

._3ryl9sBB {
    overflow-x: hidden
}

._1VAGLnA6 {
    background-color: #fff
}

._2tkoXppk {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

._2tkoXppk,
.hoF1Wqor {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

.hoF1Wqor {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center
}

.aDy2JYxa {
    display: inline-block;
    width: .17rem;
    height: .17rem;
    -webkit-animation: _1fAozZqi .5s linear infinite;
    animation: _1fAozZqi .5s linear infinite;
    margin-right: .06rem;
    background-image: url(https://funimg.pddpic.com/trip/trainsnap/red_circle.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat
}

._3tREmxyc {
    font-size: .18rem;
    color: #151516;
    line-height: .2rem
}

._3eQjwGVu {
    font-size: .13rem;
    color: #9c9c9c;
    line-height: .13rem
}

._3eQjwGVu:after {
    content: "\E617";
    font-size: .12rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-left: .04rem
}

._1gSZpCGg {
    background-color: rgba(224, 46, 36, .05);
    font-size: .13rem;
    color: #151516;
    line-height: .21rem;
    margin-top: .12rem;
    border-radius: .02rem;
    padding: .08rem;
    width: 3.27rem;
    white-space: pre-wrap
}

._2TUwC3vw {
    font-size: .13rem;
    color: #afb0af;
    line-height: .13rem;
    margin: .12rem 0 .31rem
}

.H8KKLh8D {
    color: #e02e24
}

._2FopKr4R {
    border-radius: .02rem 0 .02rem .02rem
}

._1RuL6FfG,
._15ZNCWvZ {
    width: 3.27rem;
    height: .11rem;
    background: #eff2f3;
    border-radius: .02rem;
    position: relative
}

._2HM0njh- {
    background: transparent
}

._2GOnIzIM {
    width: 100%;
    position: absolute;
    top: -.02rem;
    height: .11rem;
    line-height: .11rem
}

.eLMRTLuD {
    position: absolute;
    bottom: .17rem;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    color: #fff;
    height: .21rem;
    line-height: .21rem;
    background-color: rgba(0, 0, 0, .75);
    border-radius: .02rem;
    padding: 0 .03rem;
    font-size: .13rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.eLMRTLuD:after {
    content: "";
    background-image: url(https://funimg.pddpic.com/transaction/order/tips_arrow.png);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: .12rem;
    right: 50%;
    bottom: -.05rem;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

._1wl2x4U8,
.eLMRTLuD:after {
    height: .05rem;
    position: absolute
}

._1wl2x4U8 {
    bottom: -.025rem;
    right: .23rem;
    background: rgba(0, 0, 0, .75);
    display: inline-block;
    width: .05rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.VmikdGRf {
    width: 3.26rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    color: #9c9c9c;
    font-size: .13rem;
    padding-bottom: .2rem
}

._38bbzi-N {
    position: relative;
    margin-top: .11rem
}

._38bbzi-N:after {
    content: "";
    position: absolute;
    width: .02rem;
    height: .05rem;
    background: #eff2f3;
    top: -.11rem;
    left: 50%
}

._2PAI8W8i {
    width: 3.27rem;
    height: .45rem;
    background-color: #e02e24;
    border-radius: .04rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    font-size: .17rem;
    color: #fff;
    line-height: .17rem
}

._2iDDvg8u {
    font-style: normal
}

.uPGtaHf3 {
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    padding: .14rem 0;
    margin-bottom: .08rem
}

._2bvhuccZ {
    padding: 0 .12rem;
    color: #9c9c9c
}

._1CdChV52,
._2bvhuccZ {
    font-size: .14rem;
    line-height: .2rem
}

._1CdChV52 {
    color: #151516;
    width: 2.31rem
}

._3Hd_N8L- {
    width: .4rem;
    height: .22rem;
    font-size: .12rem;
    color: #58595b;
    line-height: .12rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    position: relative;
    border-radius: .04rem;
    border: none !important;
    margin-left: .12rem
}

._3Hd_N8L-:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #9c9c9c;
    border-radius: .08rem
}

._35MJRtxL {
    font-style: normal
}

._2NG7kfHr {
    min-height: .36rem;
    font-size: .13rem;
    line-height: .22rem;
    padding: .07rem .12rem;
    background: #fdf2de;
    color: #151516;
    white-space: pre-line;
    position: relative
}

._2NG7kfHr:after {
    position: absolute;
    top: .13rem;
    right: .13rem
}

._20RwVp9l {
    height: .36rem;
    line-height: .36rem;
    padding: 0 .28rem 0 0;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    background-color: #fff5b2;
    color: #151516
}

._20RwVp9l>div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: .36rem
}

._20RwVp9l:after {
    content: "\E617";
    font-size: .12rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400
}

._2m_wGD72 {
    padding: 0 .12rem;
    line-height: .36rem
}

._2m_wGD72:after {
    content: "\E617";
    font-size: .12rem;
    color: #25b513;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-left: .02rem
}

._2m_wGD72>div {
    display: inline-block;
    height: 100%
}

._35MJRtxL {
    width: .17rem;
    height: .14rem;
    display: inline-block;
    background-size: contain;
    margin: 0 .09rem 0 .16rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    background-repeat: no-repeat
}

._2gcM35Ld,
.utKKdUr4 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    color: #076fff
}

._6CjLCGXC {
    width: 100%
}

._2gcM35Ld {
    color: #e02e24
}

._2P9bqIEl:after {
    content: "\E617";
    font-size: .12rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-left: .04rem;
    width: .13rem;
    height: .13rem
}

.UKNBsgww {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    font-size: .14rem
}

._1DTkRCb6 {
    font-style: normal
}

._1zV_GoiZ {
    background: #fff;
    margin-bottom: .08rem;
    padding: .12rem
}

.eEC4Cc1u {
    color: #151616;
    font-size: .14rem
}

._1EsQjNjR {
    position: relative;
    margin-top: .03rem;
    color: #58595b;
    font-size: .13rem;
    line-height: normal;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical
}

._2mFULt65 {
    -webkit-line-clamp: 1
}

._2W0dZsH- {
    -webkit-line-clamp: unset;
    overflow-y: visible
}

._38YGpAwQ {
    display: inline-block;
    width: .5rem;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: .13rem;
    color: #9c9c9c;
    background: -webkit-linear-gradient(right, #fff, #fff 75%, hsla(0, 0%, 100%, 0)) no-repeat;
    background: linear-gradient(270deg, #fff, #fff 75%, hsla(0, 0%, 100%, 0)) no-repeat
}

.eJKSk3so {
    font-size: .13rem;
    color: #076fff;
    line-height: .13rem;
    margin: .06rem 0 .02rem
}

.eJKSk3so:active {
    color: #0065d9
}

._3hU8O40o {
    font-style: normal
}

._1Fs4tdtW {
    height: .44rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    position: relative;
    font-size: .14rem;
    color: #58595b;
    background-color: #fff;
    margin-bottom: .08rem;
    padding: 0 .12rem;
    color: #151516
}

._1YImVtUQ {
    margin-right: .08rem;
    width: .2rem;
    height: .2rem
}

._3rBU3XeW {
    font-size: .13rem;
    line-height: .13rem
}

._3rBU3XeW:after {
    content: "";
    display: inline-block;
    width: .13rem;
    height: .13rem
}

._3rBU3XeW:after,
._33bZaWcz:after {
    content: "\E777";
    font-size: .13rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-left: .02rem
}

.id-upload-block {
    position: relative;
    background: #fff;
    height: .48rem;
    color: #58595b;
    font-size: .14rem
}

.id-upload-block,
.id-upload-block .id-info {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

.id-upload-block .id-info {
    margin-left: .14rem
}

.id-upload-block .id-info:before {
    content: "\E625";
    font-size: .19rem;
    color: #e32b17;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-right: .13rem
}

.id-upload-block .id-info:after {
    content: "\E777";
    font-size: .13rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400
}

.id-upload-block .id-info span {
    margin-right: .08rem
}

.id-upload-block .id-info span:last-child {
    margin-right: 0
}

.id-upload-block .id-info:after {
    position: absolute;
    right: .12rem
}

.id-upload-block .highlight {
    color: #e32b17
}

.Mg5MiOWf {
    font-style: normal
}

._3-vy1CXV {
    position: relative;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

.wSF2gpzw {
    min-height: .6rem
}

._3LuHp1_O {
    position: relative;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: .44rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

.nib3MbEa {
    margin-left: .12rem;
    width: .23rem;
    height: .2rem
}

.nib3MbEa:before {
    content: "\E844";
    font-size: .22rem;
    color: #25b513;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400
}

._3MfvKrz1 {
    margin-left: .12rem;
    width: .23rem;
    height: .2rem
}

._3MfvKrz1:before {
    content: "\E995";
    font-size: .22rem;
    color: #25b513;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400
}

._3E3jGnrH {
    position: relative;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    padding: .12rem .34rem .12rem 0
}

._2uKAUez8 {
    font-size: .15rem;
    color: #25b513;
    line-height: .15rem;
    font-weight: 700;
    margin-bottom: .05rem
}

._3yNj6x68 {
    font-size: .14rem;
    color: #25b513;
    line-height: .19rem;
    max-height: .18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

._2hTCW-7a {
    color: #58595b
}

._2Z4cw_e- {
    font-size: .12rem;
    color: #9c9c9c;
    line-height: .12rem;
    margin-top: .06rem;
    height: .12rem
}

.raow47Hx {
    color: #58595b
}

._1GYTB38F {
    position: relative;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-content: flex-start;
    -webkit-align-content: flex-start
}

._2bve1XdD {
    position: absolute;
    top: 50%;
    right: .12rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

._2bve1XdD:after {
    content: "\E777";
    font-size: .12rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400
}

._2wDkEjVd {
    font-style: normal
}

._1BQ1biBE {
    background-color: #fff
}

._2ef3z_LZ {
    margin-bottom: .08rem
}

._1H8JkAR0,
._3zVdXuUo {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    overflow: hidden
}

._1H8JkAR0,
._1y4bXZlK,
._281dGZiS {
    min-height: .68rem;
    max-height: 1.14rem;
    height: auto
}

._1H8JkAR0 .right {
    /* width: 0.52rem; */
    margin: 0 .12rem 0 .15rem;
}

._1H8JkAR0 .right:after {
    content: "\E777";
    font-size: .13rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-left: -.06rem
}

._1y4bXZlK,
._281dGZiS {
    width: .44rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

._1y4bXZlK {
    min-height: .58rem
}

.SvvsuGb1 {
    margin-left: .12rem;
    width: .17rem;
    height: .19rem
}

.SvvsuGb1:before {
    content: "\E843";
    font-size: .22rem;
    color: #e02e24;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400
}

._3GeQUL0R,
.OrBVXoR_ {
    height: 100%;
    font-size: .14rem;
    color: #58595b;
    line-height: 1;
    padding: .11rem .1rem .14rem 0;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

._2Ro8ijrn {
    padding: .11rem 0
}

._3GeQUL0R {
    padding: .09rem .12rem .09rem 0
}

._3Q22T0Un,
._3wPsbQrS {
    /* display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row; */
    line-height: .2rem
}

._3Q22T0Un {
    width: 3.19rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
}

._3eD_Q-7S {
    width: 2.51rem
}

._1Tk08e7g {
    /* margin-right: .16rem; */
    max-width: 1.49rem
}

._1Tk08e7g,
.Be3oUxVQ {
    overflow: hidden;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.Be3oUxVQ {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-right: .08rem;
    max-width: .98rem;
    word-break: break-all
}

._2K5k6ag7 {
    max-width: 2.17rem
}

._1HxI2jwP {
    max-width: .74rem
}

._3jo05ow3 {
    display: inline-block;
    max-width: .99rem;
    margin: 0 0.08rem;
}

._12umglTI {
    margin-left: .08rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

._12umglTI,
.GnxRatsO {
    overflow: hidden;
    word-break: break-all
}

.GnxRatsO {
    /* margin-top: .07rem; */
    max-height: .4rem;
    color: #9c9c9c;
    font-size: .12rem;
}

._1Lo2KSqw,
.GnxRatsO {
    line-height: .2rem;
    position: relative
}

._1Lo2KSqw {
    margin-top: .02rem;
    max-height: 1.2rem
}

._1ceR1c-c {
    font-size: .12rem;
    color: #9c9c9c;
    margin-top: .06rem;
    line-height: .2rem
}

._37oW57QQ {
    margin-right: .06rem
}

._3ERqyFd- {
    word-break: break-all
}

._2j6jDSx8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

._1Wae_tpO {
    font-size: .14rem;
    color: #9c9c9c;
    top: 0;
    width: .6rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff 47%, #fff);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 47%, #fff)
}

._1Wae_tpO,
._-2t-Oz3w {
    position: absolute;
    right: 0;
    height: .2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

._-2t-Oz3w {
    bottom: 0;
    width: .62rem
}

._1g45EH7z,
._-2t-Oz3w {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    line-height: normal;
    line-height: .2rem
}

._1g45EH7z {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    height: .2rem;
    width: .4rem;
    display: inline-block
}

._2ClhJ9Hg {
    width: .22rem;
    background: -webkit-linear-gradient(right, #fff, hsla(0, 0%, 100%, 0));
    background: linear-gradient(right, #fff, hsla(0, 0%, 100%, 0))
}

._2ClhJ9Hg,
._3UxPTl6E {
    height: .16rem;
    display: inline-block
}

._3UxPTl6E {
    color: #e02e24;
    line-height: .16rem;
    position: relative;
    bottom: .01rem;
    text-align: center
}

._1-Me0hYq,
._3UxPTl6E {
    background: #fdefee;
    width: .4rem;
    font-size: .12rem;
    border-radius: .02rem
}

._1-Me0hYq {
    line-height: normal;
    height: .16rem
}

._1-Me0hYq,
._1EgCgnEP,
._20jYbBix {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    color: #e02e24
}

._1EgCgnEP,
._20jYbBix {
    margin: 0 .12rem 0 .15rem;
    font-size: .14rem;
    width: .52rem;
    height: .3rem;
    -webkit-align-self: center;
    align-self: center;
    position: relative;
    border-radius: .04rem;
    border: none !important
}

._1EgCgnEP:after,
._20jYbBix:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #e02e24;
    border-radius: .08rem
}

._1EgCgnEP {
    margin-left: .04rem
}

._2Jxo8rEe {
    height: .38rem;
    font-size: .13rem;
    color: #58595b;
    line-height: .38rem;
    padding-left: .44rem;
    position: relative;
    border: none !important
}

._2Jxo8rEe:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

._2Jxo8rEe:before {
    content: "\E617";
    font-size: .13rem;
    color: #d9d9d9;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    position: absolute;
    top: .13rem;
    right: .09rem
}

._2Jxo8rEe:active {
    background-color: #ebebeb
}

._2Jxo8rEe:after {
    left: .44rem;
    width: 6.38rem
}

._1n0EFPxu:before {
    content: none
}

#aCoFKgj6 {
    min-height: .64rem
}

#aCoFKgj6 ._20jYbBix,
#aCoFKgj6 .OrBVXoR_,
#aCoFKgj6 .SvvsuGb1:before {
    color: #fff
}

#aCoFKgj6 ._20jYbBix:after {
    border-color: #fff
}

._3_oSQvw8 {
    height: .48rem;
    background: #fff;
    margin-bottom: .1rem
}

._3A-CQW2S {
    height: .48rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    padding-left: .42rem;
    position: relative;
    font-size: .14rem;
    color: #151516;
    line-height: .47rem
}

._3A-CQW2S:before {
    content: "\E83B";
    font-size: .17rem;
    color: #e02e24;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400
}

._3A-CQW2S:after {
    content: "\E777";
    font-size: .12rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

._3A-CQW2S:before {
    left: .13rem
}

._3A-CQW2S:after,
._3A-CQW2S:before {
    position: absolute;
    top: 0;
    line-height: .48rem
}

._3A-CQW2S:after {
    right: .12rem
}

.content-under-title {
    font-size: .14rem;
    color: #58595b;
    line-height: .14rem;
    height: .22rem;
    padding-top: .08rem
}

._3UzqNnrX {
    position: relative;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 100%;
    min-height: .46rem;
    margin-bottom: .08rem;
    padding: .085rem .12rem;
    background-color: #fff;
    color: #151516;
    font-size: .13rem
}

._3cmdn9Qm {
    margin-bottom: .08rem;
    word-break: break-all
}

._3cmdn9Qm:last-child {
    margin-bottom: 0
}

._172XPqCv {
    display: inline-block;
    margin-left: .1rem;
    width: .4rem;
    height: .22rem;
    line-height: .21rem;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: .03rem;
    text-align: center;
    font-size: .12rem;
    color: #58595b
}

._3x7OG9gv {
    font-size: .14rem;
    color: #58595b;
    background-color: #fff;
    margin-bottom: .08rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    line-height: .14rem
}

._1eKoOtxf {
    width: .22rem;
    height: .22rem;
    margin: auto .12rem;
    border-radius: 50%
}

._1fAsxoFo {
    padding: .16rem .12rem .16rem 0;
    word-break: break-all
}

._2UShbWDJ:not(:first-child) {
    margin-top: .08rem
}

._2-md_lh2 {
    font-style: normal
}

._2I4qZEVy {
    background: #fff;
    margin-bottom: .08rem
}

._1fyR4HTb {
    padding: 0 .12rem .111rem;
    position: relative;
    border: none !important
}

._1fyR4HTb:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

._2PbYIIWg {
    font-size: .12rem;
    color: #000;
    line-height: .2rem;
    height: .6rem
}

._3JYQj8gc {
    padding: 0 .12rem;
    font-size: .12rem
}

._3JYQj8gc span {
    text-align: center;
    display: inline-block
}

._3JYQj8gc ._2AbkyJqL {
    color: #9c9c9c;
    font-family: Helvetica
}

._3JYQj8gc ._3xxlPtlb {
    width: .19rem;
    height: .19rem;
    margin-left: .15rem;
    border-radius: 50%;
    background: #9c9c9c;
    color: #fff;
    font-family: Helvetica;
    position: relative;
    z-index: 1
}

._3JYQj8gc ._1u7jcfay {
    color: #151516;
    margin-left: .15rem;
    text-align: left;
    width: 1.7rem;
    height: .18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

._3JYQj8gc ._1l0ErtLw {
    color: #9c9c9c;
    float: right;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

._1vsgBeOv ._1l0ErtLw,
._1vsgBeOv ._1u7jcfay,
._1vsgBeOv ._2AbkyJqL {
    color: #e02e24
}

._1vsgBeOv ._3xxlPtlb {
    background: #e02e24
}

.DS7MqfKH {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

.DS7MqfKH:not(:first-child) {
    margin-top: .18rem
}

.DS7MqfKH:not(:first-child) ._3xxlPtlb:before {
    content: "";
    height: .18rem;
    border-left: 1px dotted #c9c9c9;
    position: absolute;
    top: -.18rem;
    left: .09rem
}

.Ct_DLMLA {
    text-align: center;
    margin-top: .1rem;
    height: .14rem
}

._3k-iLPf0 {
    display: inline-block;
    width: .2rem;
    height: .2rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

._3k-iLPf0:before {
    content: "\E61B";
    font-size: .14rem;
    color: #9c9c9c;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

._3jxWVfs7 {
    font-size: .16rem;
    color: #000;
    line-height: .46rem;
    font-weight: 700;
    height: .46rem
}

._1IWGgYaL {
    font-size: .12rem;
    color: #151516;
    line-height: .18rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    position: relative;
    border: none !important;
    margin-top: .14rem;
    padding: .14rem 0
}

._1IWGgYaL:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

._3nGTx2Zy {
    padding: .12rem 0
}

._2fg34knN {
    font-style: normal
}

._3O8DCHoi {
    position: relative;
    background: #fff
}

._2hk4Lfs4 {
    bottom: 0;
    height: 1px;
    width: 100%;
    position: absolute;
    border: none !important
}

._2hk4Lfs4:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

._3G9ZM30X {
    font-size: .13rem;
    color: #58595b;
    text-align: center;
    padding: .1rem 0;
    line-height: 1.3
}

._1J67qliR {
    padding-top: 0
}

._1fnSxTUn {
    padding-left: .04rem
}

._1fnSxTUn:before {
    content: "\E884";
    font-size: .13rem;
    color: #9c9c9c;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400
}

._1fnSxTUn:active:before {
    color: #58595b
}

.bzsPx1eJ {
    height: .26rem
}

._1Y-QCpfT {
    color: #e02e24
}

.pdd-btn {
    line-height: 1.5;
    display: inline-block;
    text-align: center;
    touch-action: manipulation;
    background-image: none;
    background-color: #fff;
    border: 1px solid #ededed;
    white-space: nowrap;
    border-radius: .04rem;
    height: .28rem;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    color: #333;
    outline: none;
    font-size: .14rem;
    padding: 0 .12rem
}

.pdd-btn .iconfont+span,
.pdd-btn span>.iconfont {
    margin-left: .05rem
}

.pdd-btn.pdd-btn-ghost {
    background-color: transparent;
    border-color: transparent
}

.pdd-btn-small-22 {
    height: .22rem;
    font-size: .12rem;
    border-radius: .02rem;
    padding: 0 .05rem
}

.pdd-btn-small-26 {
    height: .26rem;
    padding: 0 .06rem
}

.pdd-btn-small-26,
.pdd-btn-small-30 {
    font-size: .14rem;
    border-radius: .03rem
}

.pdd-btn-small-30 {
    height: .3rem;
    padding: 0 .07rem
}

.pdd-btn-small-34 {
    height: .34rem;
    font-size: .14rem;
    border-radius: .04rem;
    padding: 0 .09rem
}

.pdd-btn-small-22 .iconfont+span,
.pdd-btn-small-22 span>.iconfont,
.pdd-btn-small-26 .iconfont+span,
.pdd-btn-small-26 span>.iconfont,
.pdd-btn-small-30 .iconfont+span,
.pdd-btn-small-30 span>.iconfont,
.pdd-btn-small-34 .iconfont+span,
.pdd-btn-small-34 span>.iconfont {
    margin-left: .03rem
}

.pdd-btn-medium {
    font-size: .16rem;
    height: .44rem;
    border-radius: .04rem;
    width: 2.5rem
}

.pdd-btn-large {
    font-size: .16rem;
    height: .43rem;
    width: 2.5rem;
    font-size: .17rem;
    height: .47rem;
    border-radius: .04rem;
    width: 3.3rem
}

.pdd-btn-long {
    font-size: .18rem;
    height: .44rem;
    border-radius: 0;
    width: 100%
}

.pdd-btn-red {
    border-color: #e02e24;
    background-color: #e02e24;
    color: #fff
}

.pdd-btn-red.pdd-btn-ghost {
    background-color: transparent;
    color: #e02e24;
    border-color: #e02e24
}

.pdd-btn-red.pdd-btn-ghost:active {
    background-color: #fdf4f4
}

.pdd-btn-gray {
    border-color: #d2d2d2;
    background-color: #d2d2d2;
    color: #fff
}

.pdd-btn-blank {
    background-color: transparent;
    border-color: transparent
}

@font-face {
    font-family: iconfont_widgets;
    src: url(https://funimg.pddpic.com/2020-06-30/eafa4560-c5aa-43f0-b842-e9d5edf7d844.ttf) format("truetype")
}

.iconfont {
    font-family: iconfont_widgets !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-favorfill:before {
    content: "\E67D"
}

.icon-button-add:before {
    content: "\E604"
}

.icon-seckill-ing:before {
    content: "\E608"
}

.icon-seckill-forthcoming:before {
    content: "\E609"
}

.icon-productdet-right:before {
    content: "\E60B"
}

.icon-round-2:before {
    content: "\E677"
}

.icon-round-1:before {
    content: "\E678"
}

.icon-category-bag:before {
    content: "\E60C"
}

.icon-category-cosmetics:before {
    content: "\E60D"
}

.icon-category-appliances:before {
    content: "\E60E"
}

.icon-category-baby:before {
    content: "\E60F"
}

.icon-category-food:before {
    content: "\E610"
}

.icon-category-home:before {
    content: "\E611"
}

.icon-category-furniture:before {
    content: "\E612"
}

.icon-category-fruit:before {
    content: "\E613"
}

.icon-category-overseas:before {
    content: "\E614"
}

.icon-me-address-line:before {
    content: "\E615"
}

.icon-arrows-down:before {
    content: "\E616"
}

.icon-arrows-right:before {
    content: "\E617"
}

.icon-search:before {
    content: "\E618"
}

.icon-productdet-collect:before {
    content: "\E619"
}

.icon-arrows-up:before {
    content: "\E61A"
}

.icon-topnav-back:before {
    content: "\E61B"
}

.icon-topnav-share:before {
    content: "\E61C"
}

.icon-close:before {
    content: "\E61D"
}

.icon-exceed-chatting:before {
    content: "\E61E"
}

.icon-address-edit:before {
    content: "\E61F"
}

.icon-group-prompt:before {
    content: "\E620"
}

.icon-address-delete:before {
    content: "\E621"
}

.icon-group-info:before {
    content: "\E622"
}

.icon-order-choose:before {
    content: "\E623"
}

.icon-label-postage:before {
    content: "\E624"
}

.icon-label-topspeed:before {
    content: "\E625"
}

.icon-orderdet-connect:before {
    content: "\E626"
}

.icon-label-quality:before {
    content: "\E627"
}

.icon-orderdet-tel:before {
    content: "\E628"
}

.icon-productdet-service:before {
    content: "\E629"
}

.icon-tag-hot:before {
    content: "\E62A"
}

.icon-productdet-store:before {
    content: "\E62B"
}

.icon-column-fire1:before {
    content: "\E62C"
}

.icon-column-choice1:before {
    content: "\E62D"
}

.icon-column-inform1:before {
    content: "\E62E"
}

.icon-column-recommend:before {
    content: "\E62F"
}

.icon-column-commend1:before {
    content: "\E630"
}

.icon-column-clock1:before {
    content: "\E631"
}

.icon-column-seckill1:before {
    content: "\E632"
}

.icon-me-address1:before {
    content: "\E633"
}

.icon-column-tag1:before {
    content: "\E634"
}

.icon-me-luckydraw1:before {
    content: "\E635"
}

.icon-me-set1:before {
    content: "\E636"
}

.icon-new-spec:before {
    content: "\E637"
}

.icon-new-special:before {
    content: "\E638"
}

.icon-new-country:before {
    content: "\E639"
}

.icon-set-opinion:before {
    content: "\E63A"
}

.icon-set-deal:before {
    content: "\E63B"
}

.icon-set-QA:before {
    content: "\E63C"
}

.icon-me-free:before {
    content: "\E63D"
}

.icon-order-delivery:before {
    content: "\E63E"
}

.icon-me-message:before {
    content: "\E63F"
}

.icon-me-groups:before {
    content: "\E640"
}

.icon-me-coupon:before {
    content: "\E641"
}

.icon-me-ticket:before {
    content: "\E642"
}

.icon-order-groups:before {
    content: "\E643"
}

.icon-order-pay:before {
    content: "\E644"
}

.icon-order-rated:before {
    content: "\E645"
}

.icon-order-takedelivery:before {
    content: "\E646"
}

.icon-nav-home-colour:before {
    content: "\E647"
}

.icon-nav-category-line:before {
    content: "\E648"
}

.icon-nav-home-line:before {
    content: "\E649"
}

.icon-nav-me-line:before {
    content: "\E64A"
}

.icon-nav-overseashop-colour:before {
    content: "\E64B"
}

.icon-nav-overseashop-line:before {
    content: "\E64D"
}

.icon-nav-new-line:before {
    content: "\E64E"
}

.icon-nav-category-colour:before {
    content: "\E64F"
}

.icon-nav-me-colour:before {
    content: "\E650"
}

.icon-column-time:before {
    content: "\E651"
}

.icon-me-heart:before {
    content: "\E652"
}

.icon-addresschoose:before {
    content: "\E653"
}

.icon-refresh:before {
    content: "\E654"
}

.icon-daily-berserk:before {
    content: "\E655"
}

.icon-column-heart:before {
    content: "\E601"
}

.icon-nav-new-colour-copy:before {
    content: "\E679"
}

.icon-evaluation-star:before {
    content: "\E602"
}

.icon-evaluation-camera:before {
    content: "\E603"
}

.icon-evaluation-star-line:before {
    content: "\E605"
}

.icon-iconfontmoban_fuzhi:before {
    content: "\E600"
}

.icon-set-clean:before {
    content: "\E60A"
}

.icon-coupon-illustration:before {
    content: "\E64C"
}

.icon-magnify:before {
    content: "\E607"
}

.icon-pending:before {
    content: "\E656"
}

.icon-refundonly:before {
    content: "\E657"
}

.icon-finish:before {
    content: "\E658"
}

.icon-salesreturn:before {
    content: "\E659"
}

.icon-success:before {
    content: "\E65A"
}

.icon-remind:before {
    content: "\E65B"
}

.icon-uploadimage:before {
    content: "\E65C"
}

.icon-refunds:before {
    content: "\E65D"
}

.icon-more:before {
    content: "\E65F"
}

.icon-officialcustomerservice:before {
    content: "\E660"
}

.icon-seckill-time-frame:before {
    content: "\E606"
}

.icon-seckill-clock:before {
    content: "\E65E"
}

.icon-store-remind:before {
    content: "\E661"
}

.icon-count-down:before {
    content: "\E662"
}

.icon-sweep:before {
    content: "\E663"
}

.icon-recorded:before {
    content: "\E665"
}

.icon-majorsuit-clearance:before {
    content: "\E666"
}

.icon-qq:before {
    content: "\E667"
}

.icon-circleoffriends:before {
    content: "\E668"
}

.icon-microblog:before {
    content: "\E669"
}

.icon-scan:before {
    content: "\E66A"
}

.icon-wechat:before {
    content: "\E66B"
}

.icon-zone:before {
    content: "\E66C"
}

.icon-appraise:before {
    content: "\E66D"
}

.icon-svg_foot:before {
    content: "\E66F"
}

.icon-contacts:before {
    content: "\E670"
}

.icon-friends:before {
    content: "\E66E"
}

.icon-chat:before {
    content: "\E671"
}

.icon-chat-n:before {
    content: "\E672"
}

.icon-microphone:before {
    content: "\E673"
}

.icon-speedgroup:before {
    content: "\E664"
}

.icon-me-customsevice:before {
    content: "\E6AC"
}

.icon-me-groups-new:before {
    content: "\E6AD"
}

.icon-broadcast:before {
    content: "\E674"
}

.icon-Categories:before {
    content: "\E675"
}

.icon-group-share:before {
    content: "\E6AE"
}

.icon-mark-diamond:before {
    content: "\E676"
}

.icon-mark-alarmclock:before {
    content: "\E67A"
}

.icon-mark-fruit:before {
    content: "\E67B"
}

.icon-mark-skirt:before {
    content: "\E67C"
}

.icon-myfriends-share:before {
    content: "\E6AF"
}

.icon-mark-fruit-:before {
    content: "\E67E"
}

.icon-mark-skirt-:before {
    content: "\E67F"
}

.icon-mark-diamond-:before {
    content: "\E680"
}

.icon-mark-alarmclock-:before {
    content: "\E681"
}

.icon-see-all:before {
    content: "\E6B0"
}

.icon-fire:before {
    content: "\E684"
}

.icon-set:before {
    content: "\E6DF"
}

.icon-chat-feedback:before {
    content: "\E6B1"
}

.icon-lottery_winner:before {
    content: "\E682"
}

.icon-recently_group:before {
    content: "\E683"
}

.icon-playingicon:before {
    content: "\E685"
}

.icon-category-man:before {
    content: "\E686"
}

.icon-category-underwear:before {
    content: "\E687"
}

.icon-category-hot:before {
    content: "\E688"
}

.icon-category-shoes:before {
    content: "\E689"
}

.icon-category-recharge:before {
    content: "\E68A"
}

.icon-mark-zhe-:before {
    content: "\E68B"
}

.icon-mark-zhe:before {
    content: "\E68C"
}

.icon-mark-bag:before {
    content: "\E68D"
}

.icon-mark-bag-:before {
    content: "\E68E"
}

.icon-gexingqianming:before {
    content: "\E68F"
}

.icon-xingbienv:before {
    content: "\E690"
}

.icon-xingbienan:before {
    content: "\E691"
}

.icon-mark-address1:before {
    content: "\E695"
}

.icon-mark-free1:before {
    content: "\E697"
}

.icon-play:before {
    content: "\E692"
}

.icon-stop:before {
    content: "\E693"
}

.icon-replay-:before {
    content: "\E694"
}

.icon-groups-mark:before {
    content: "\E696"
}

.icon-coupon-mark:before {
    content: "\E698"
}

.icon-driftbottle-:before {
    content: "\E699"
}

.icon-refund-mark:before {
    content: "\E69A"
}

.icon-btn_cancel:before {
    content: "\E69B"
}

.icon-edit:before {
    content: "\E69D"
}

.icon-icon_pay_for_another:before {
    content: "\E69C"
}

.icon-icon_send_for_friend:before {
    content: "\E69E"
}

.icon-icon_refresh_failed:before {
    content: "\E69F"
}

.icon-coupon-pop:before {
    content: "\E6A0"
}

.icon-navigation_foot:before {
    content: "\E6A1"
}

.icon-send_message_mail:before {
    content: "\E6A2"
}

.icon-send_message_microph:before {
    content: "\E6A3"
}

.icon-send_message_back:before {
    content: "\E6A4"
}

.icon-wechat_mark_icon_sea:before {
    content: "\E6A5"
}

.icon-btn_question:before {
    content: "\E6A6"
}

.icon-bubble:before {
    content: "\E6A7"
}

.icon-send_message_timeout:before {
    content: "\E6A8"
}

.icon-cards_museum:before {
    content: "\E6A9"
}

.icon-cards_museum_cancel:before {
    content: "\E6AA"
}

.icon-seckill_title_icon_f:before {
    content: "\E6AB"
}

.icon-intime_try_new:before {
    content: "\E6B2"
}

.icon-login_phone_number:before {
    content: "\E6B3"
}

.icon-cards_buy_arrow:before {
    content: "\E6B4"
}

.icon-all_goods:before {
    content: "\E6B5"
}

.icon-information_line:before {
    content: "\E6B6"
}

.icon-price_up_down:before {
    content: "\E6B7"
}

.icon-fire_background-:before {
    content: "\E6B8"
}

.icon-spread_socialcircle:before {
    content: "\E6B9"
}

.icon-pddfriends_socialci:before {
    content: "\E6BA"
}

.icon-mall-share:before {
    content: "\E6BC"
}

.icon-mall-share-bold:before {
    content: "\E6BB"
}

.icon-my_rating:before {
    content: "\E6BD"
}

.icon-sort:before {
    content: "\E6BE"
}

.icon-hot:before {
    content: "\E6BF"
}

.icon-recent:before {
    content: "\E6C0"
}

.icon-recommend_Template:before {
    content: "\E6C1"
}

.icon-iconfont_number_:before {
    content: "\E6C2"
}

.icon-iconfont_number_1:before {
    content: "\E6C3"
}

.icon-iconfont_number_2:before {
    content: "\E6C4"
}

.icon-iconfont_number_3:before {
    content: "\E6C5"
}

.icon-iconfont_number_4:before {
    content: "\E6C6"
}

.icon-iconfont_number_5:before {
    content: "\E6C7"
}

.icon-iconfont_number_rmb:before {
    content: "\E6C8"
}

.icon-iconfont_number_6:before {
    content: "\E6C9"
}

.icon-iconfont_number_7:before {
    content: "\E6CA"
}

.icon-iconfont_number_8:before {
    content: "\E6CB"
}

.icon-iconfont_number_9:before {
    content: "\E6CC"
}

.icon-good:before {
    content: "\E6CD"
}

.icon-kanjiatuan:before {
    content: "\E6CE"
}

.icon-kanjia:before {
    content: "\E6CF"
}

.icon-Nosound:before {
    content: "\E6D0"
}

.icon-volume:before {
    content: "\E6D1"
}

.icon-Mute:before {
    content: "\E6D2"
}

.icon-chat_contact_avatar:before {
    content: "\E6D3"
}

.icon-good-line:before {
    content: "\E6D4"
}

.icon-comment:before {
    content: "\E6D5"
}

.icon-icon-success-line:before {
    content: "\E6D6"
}

.icon-icon-business:before {
    content: "\E6D8"
}

.icon-tupianicon-copy:before {
    content: "\E6D9"
}

.icon-navbar-bell:before {
    content: "\E6D7"
}

.icon-Template:before {
    content: "\E6DA"
}

.icon-key:before {
    content: "\E6DB"
}

.icon-volume_n-:before {
    content: "\E6DC"
}

.icon-icon_filter:before {
    content: "\E6DD"
}

.icon-icon_search:before {
    content: "\E6DE"
}

.icon-shishangchuanda:before {
    content: "\E6E0"
}

.icon-shishangchuanda-:before {
    content: "\E6E1"
}

.icon-newproducts:before {
    content: "\E6E4"
}

.icon-daifenxiang:before {
    content: "\E6E5"
}

.icon-star:before {
    content: "\E6E6"
}

.icon-daifahuo:before {
    content: "\E6E7"
}

.icon-daifukuan:before {
    content: "\E6E8"
}

.icon-wodeyouhuiquan:before {
    content: "\E6E9"
}

.icon-shouhuodizhi:before {
    content: "\E6EA"
}

.icon-xinrenlibao:before {
    content: "\E6EB"
}

.icon-tuikuanshouhou:before {
    content: "\E6EC"
}

.icon-daishouhuo:before {
    content: "\E6ED"
}

.icon-daipingjia:before {
    content: "\E6EE"
}

.icon-wodehaoyou:before {
    content: "\E6EF"
}

.icon-lishiliulan:before {
    content: "\E6F0"
}

.icon-guanfangkefu:before {
    content: "\E6F1"
}

.icon-wodepingjia:before {
    content: "\E6F2"
}

.icon-wodeshoucang:before {
    content: "\E6F3"
}

.icon-yaoqinghaoyou:before {
    content: "\E6F4"
}

.icon-kanjia1:before {
    content: "\E6F5"
}

.icon-shezhi:before {
    content: "\E6F6"
}

.icon-pindanqia:before {
    content: "\E6F7"
}

.icon-jinrimanfan:before {
    content: "\E6F8"
}

.icon-hongbao:before {
    content: "\E6F9"
}

.icon-shenqingbuchang:before {
    content: "\E6FA"
}

.icon--:before {
    content: "\E6E2"
}

.icon-jiantou:before {
    content: "\E6E3"
}

.icon-set-message:before {
    content: "\E6FB"
}

.icon-gengduo:before {
    content: "\E6FC"
}

.icon-anquanzhifu-1:before {
    content: "\E6FE"
}

.icon-pinglun:before {
    content: "\E6FD"
}

.icon-youtu:before {
    content: "\E6FF"
}

.icon-tab-new-active:before {
    content: "\E701"
}

.icon-tab-chat:before {
    content: "\E702"
}

.icon-tab-home:before {
    content: "\E703"
}

.icon-tab-mine:before {
    content: "\E704"
}

.icon-tab-search:before {
    content: "\E705"
}

.icon-tab-new:before {
    content: "\E706"
}

.icon-tab-home-active:before {
    content: "\E707"
}

.icon-tab-chat-active:before {
    content: "\E708"
}

.icon-tab-mine-active:before {
    content: "\E709"
}

.icon-tab-search-active:before {
    content: "\E70A"
}

.icon-huitouke1:before {
    content: "\E70B"
}

.icon-liulan:before {
    content: "\E70C"
}

.icon-sousuo:before {
    content: "\E70D"
}

.icon-goumai:before {
    content: "\E70E"
}

.icon-tixianmingxi:before {
    content: "\E700"
}

.dui-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11000;
    -webkit-perspective: 500;
    perspective: 500;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

.dui-dialog .dialog-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11001;
    background: rgba(0, 0, 0, .8)
}

.dui-dialog .dialog-content {
    position: relative;
    width: 2.9rem;
    min-height: 1rem;
    background: #fff;
    border-radius: .06rem;
    z-index: 11002;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
    line-height: 1.5;
    -webkit-animation: zoomIn .2s;
    animation: zoomIn .2s;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.dui-dialog .dialog-content .dialog-avatars {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dui-dialog .dialog-content .dialog-avatars .one {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    border: 2px solid #fff
}

.dui-dialog .dialog-content .dialog-avatars .more {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    border: 2px solid #fff
}

.dui-dialog .dialog-content .dialog-avatars .more.cover {
    margin-left: -.1rem
}

.dui-dialog .dialog-content .dialog-content-inner {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: .1rem 10%;
    text-align: center
}

.dui-dialog .dialog-content .dialog-content-above {
    width: 100%
}

.dui-dialog .dialog-content .dialog-content-title {
    font-size: .17rem;
    margin: .1rem 0 .05rem;
    color: #151516
}

.dui-dialog .dialog-content .title-split {
    width: 100%;
    margin: 0;
    text-align: center;
    padding: .13rem 0 .12rem;
    border-bottom: 1px solid #e1e1e1
}

.dui-dialog .dialog-content .dialog-desc {
    font-size: .14rem;
    color: #58595b
}

.dui-dialog .dialog-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    width: .29rem;
    height: .29rem;
    background: #e0e0e0;
    color: #666;
    text-align: center;
    line-height: .29rem;
    border-radius: 50%;
    z-index: 11003;
    font-size: .1rem
}

.dui-dialog .dialog-btn-group {
    width: 100%;
    border-top: 1px solid #e0e0e0;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    border-radius: 0 0 .06rem .06rem;
    overflow: hidden;
    font-size: .17rem
}

.dui-dialog .dialog-btn-group .cancel-btn,
.dui-dialog .dialog-btn-group .confirm-btn {
    border: none;
    border-left: 1px solid #e0e0e0
}

.dui-dialog .dialog-btn-group .confirm-btn {
    color: #e02e24
}

.dui-dialog .dialog-btn-group .cancel-btn {
    color: #9c9c9c
}

.dui-dialog .dialog-btn-group button:first-child {
    border-left: none
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .5
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .5
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.dui-dialog .alert-app-download-content {
    padding: 0;
    width: 82%;
    border-radius: .09rem
}

.dui-dialog .alert-app-download-content .dialog-content-inner {
    padding: 0 0 .35rem
}

.dui-dialog .alert-app-download-content .dialog-content-inner .app-download-img {
    width: 100%;
    margin-top: -.06rem
}

.dui-dialog .alert-app-download-content .dialog-content-inner .app-download-img img {
    width: 100%
}

.dui-dialog .alert-app-download-content .dialog-content-inner .dialog-desc {
    font-size: .16rem;
    color: #999
}

.dui-dialog .alert-app-download-content .dialog-btn-group {
    border-radius: 0 0 .09rem .09rem
}

.dui-dialog .html-dialog-content .dialog-content-inner {
    padding: 0
}

.dui-dialog .html-dialog-content .dialog-content-under {
    padding: .12rem 10%
}

.dui-dialog .html-dialog-content .dialog-desc {
    font-size: .13rem;
    line-height: 1.5;
    margin: 0 auto;
    text-align: left;
    margin-bottom: .1rem;
    color: #151516;
    list-style: none;
    position: relative;
    padding: 0
}

.dui-dialog .html-dialog-content .dialog-desc:last-child {
    margin-bottom: .2rem
}

.dui-dialog .html-dialog-content .point:before {
    content: "";
    position: absolute;
    background: url("");
    width: .03rem;
    height: .03rem;
    background-size: contain;
    top: .11rem;
    left: -.12rem
}

.dui-dialog .confirm-shipment-content .dialog-content-inner {
    padding-top: 0;
    padding-bottom: .2rem
}

.dui-dialog .confirm-shipment-content .confirm-shipment-icon {
    height: .84rem;
    width: .84rem;
    margin-top: -.39rem
}

.dui-dialog .column-btn-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.dui-dialog .column-btn-group .cancel-btn,
.dui-dialog .column-btn-group .confirm-btn {
    font-size: .16rem;
    border-left: none
}

.dui-dialog .column-btn-group .cancel-btn {
    border-top: 1px solid #e0e0e0
}

#modal-root .disable-animation .dui-dialog .dialog-content {
    -webkit-animation: none;
    animation: none
}

._1UcpMwSQ {
    font-style: normal
}

._2Vjom7H0 {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    position: relative;
    padding: .14rem 0
}

._3naagJtt {
    position: absolute;
    width: 3.31rem;
    height: .02rem;
    top: 0;
    left: .43rem
}

._3naagJtt ._3x9oPeLM {
    position: relative;
    border: none !important
}

._3naagJtt ._3x9oPeLM:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-top: 1px solid #f2f2f2
}

._1UcpMwSQ {
    width: .44rem;
    padding: 0 .15rem
}

._1UcpMwSQ:before {
    content: "\E625";
    font-size: .18rem;
    color: #58595b;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400
}

.TB66plwK {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.A3D_taxB {
    color: #151516;
    font-size: .14rem
}

._1o8hOTVy {
    color: #e02e24;
    font-size: .12rem
}

._2ISqtOfs {
    position: relative;
    padding-right: .12rem
}

.ZjZcfGt8 {
    color: #e02e24;
    border: 1px solid #e02e24;
    border-radius: .04rem;
    font-size: .13rem;
    width: .46rem;
    height: .28rem;
    padding: .04rem 0;
    text-align: center;
    position: relative
}

._1kQYgsNk {
    font-size: .13rem;
    color: #9c9c9c;
    border: none;
    height: .14rem;
    padding-right: .12rem;
    line-height: .14rem
}

._1kQYgsNk:after {
    content: "\E617";
    font-size: .12rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    position: absolute;
    margin-left: .02rem;
    right: .1rem;
    top: .01rem
}

._3kOvwnaw {
    margin-left: .12rem
}

._2Vjom7H0 {
    line-height: 1
}

._2Vjom7H0 ._3naagJtt {
    display: none
}

._2Vjom7H0 .A3D_taxB {
    color: #58595b
}

._2Vjom7H0 ._1o8hOTVy {
    margin-top: .09rem;
    word-break: break-all;
    font-size: .12rem
}

._2Vjom7H0 ._1UcpMwSQ {
    width: .43rem;
    padding: 0;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._2Vjom7H0 ._1UcpMwSQ:before {
    color: #e02e24
}

._2Vjom7H0 .ZjZcfGt8 {
    line-height: normal;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    width: .52rem;
    height: .3rem;
    position: relative;
    border-radius: .04rem;
    border: none !important;
    font-size: .14rem
}

._2Vjom7H0 .ZjZcfGt8:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #e02e24;
    border-radius: .08rem
}

.icon {
    font-style: normal
}

.rate-block {
    display: inline-block
}

.rate-block span {
    margin-right: .03rem
}

.rate-block .score:before {
    content: "\E83F";
    font-size: .12rem;
    color: #e02e24;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400
}

.rate-block .score:last-child {
    margin-right: 0
}

.rate-block .score.diff:before {
    color: #e0e0e0
}

._59LqsFaJ {
    font-style: normal
}

.irVYBS8f {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    height: .44rem;
    padding: 1px 0 0 .12rem
}

._3JB3J-eX,
.irVYBS8f {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._3JB3J-eX {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    font-size: .14rem
}

._1-eda0rW {
    margin-left: .02rem
}

._1-eda0rW:before {
    content: "\E777";
    font-size: .13rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    vertical-align: middle
}

._3Ep1V9Da {
    color: #9c9c9c;
    font-size: .14rem
}

._1x8pBe2s {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    padding: .12rem
}

._139Su3FU {
    margin-right: .07rem
}

._3lro2UiA {
    font-style: normal
}

._2jSDewev {
    margin-bottom: .08rem;
    background: #fff
}

._26H3HIUi {
    min-height: .48rem;
    padding: .13rem .12rem .13rem 0;
    margin-left: .12rem;
    font-size: .15rem;
    position: relative;
    border: none !important;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._26H3HIUi:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-bottom: 1px solid #ededed
}

._3M1ihcTg {
    color: #9c9c9c;
    text-align: left;
    width: .72rem;
    display: inline-block
}

._36shuC6e,
.ATe3C4-W {
    color: #151516;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 2.8rem
}

.ATe3C4-W {
    width: 2.28rem;
    margin-right: .08rem
}

._2coWi9_y {
    width: .46rem;
    display: inline-block;
    color: #9c9c9c;
    font-size: .14rem
}

._2coWi9_y:after {
    content: "\E617";
    font-size: .12rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-left: .05rem
}

._2ed_2_x8 {
    font-style: normal
}

._3HuW3VEg {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    height: .53rem
}

._3AxRwbPm {
    line-height: 1;
    height: .66rem
}

._2ed_2_x8 {
    width: .18rem;
    margin: 0 .13rem 0 .12rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._2ed_2_x8:before {
    content: "\E625";
    font-size: .18rem;
    color: #e02e24;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400
}

.spDPENqg {
    color: #e32b17;
    font-size: .14rem;
    line-height: .22rem
}

._7bLTuzMV {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

._1eAeCViU {
    color: #58595b;
    font-size: .14rem
}

._1PcFFucF {
    margin-top: .09rem;
    word-break: break-all;
    font-size: .12rem
}

._31ZYclXS {
    margin-left: .12rem
}

._2fPaetow {
    height: .3rem;
    font-size: .14rem;
    margin: 0 .12rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._1rFNLzOk {
    border-radius: .04rem
}

.wQ4vJsep {
    position: relative;
    border-radius: .04rem;
    border: none !important
}

.wQ4vJsep:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid;
    border-radius: .08rem
}

._3DRTPhRY {
    height: .48rem;
    position: relative;
    right: .12rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._3DRTPhRY:after {
    content: "\E777";
    font-size: .13rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.QvtdL46e {
    font-style: normal
}

._3ulA5naG {
    width: 100%;
    height: .54rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    bottom: 0;
    background-color: #fff;
    position: fixed;
    border: none !important;
    z-index: 1
}

._3ulA5naG:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

._2idyUsiV {
    position: fixed;
    right: .12rem;
    bottom: .65rem
}

@media only screen and (min-device-height:812px) {
    ._3ulA5naG {
        height: .54rem;
        height: calc(.54rem + constant(safe-area-inset-bottom));
        height: calc(.54rem + env(safe-area-inset-bottom));
        padding-bottom: "0px";
        padding-bottom: calc(0px + constant(safe-area-inset-bottom));
        padding-bottom: calc(0px + env(safe-area-inset-bottom))
    }

    ._2idyUsiV {
        bottom: .65rem;
        bottom: calc(.65rem + constant(safe-area-inset-bottom));
        bottom: calc(.65rem + env(safe-area-inset-bottom))
    }

    @supports (-webkit-overflow-scrolling:touch) {
        ._2Ngx590B {
            height: calc(.54rem + 34px);
            padding-bottom: 34px
        }

        ._2ScxhKHg {
            bottom: calc(.65rem + 34px)
        }
    }
}

.vBLkyaRm {
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
    padding: 0 .12rem;
    width: 100%;
    height: 100%
}

._1fx5MdbR,
.vBLkyaRm {
    -webkit-box-orient: vertical
}

._1fx5MdbR {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

._1xZBSknH {
    background-color: #e02e24;
    font-size: .17rem;
    color: #fff;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    width: 1.46rem;
    height: 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: relative
}

._3vvTO2dt {
    font-size: .14rem;
    color: #151516;
    line-height: .14rem;
    vertical-align: middle
}

._13ki9rDC {
    font-size: .19rem;
    color: #e02e24;
    line-height: .19rem;
    vertical-align: middle
}

._2JpHrzql {
    vertical-align: middle;
    margin-left: .04rem
}

._2JpHrzql,
.fSqQQhtS {
    font-size: .12rem;
    color: #58595b;
    line-height: .12rem
}

.fSqQQhtS {
    margin-top: .06rem
}

.icon-toast {
    display: none;
    position: fixed;
    top: 50%;
    right: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    margin: -.82rem auto 0;
    z-index: 999999999
}

.icon-toast .icon-toast-box {
    width: 100%;
    height: 100%
}

.icon-toast .icon-toast-background {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .8;
    background-color: #000;
    border-radius: .06rem
}

.icon-toast .icon-toast-icon {
    color: #fff;
    margin: auto;
    position: absolute;
    top: .11rem;
    right: 0;
    left: 0;
    z-index: 9999999999;
    font-size: .35rem;
    text-align: center
}

.icon-toast .icon-toast-msg {
    width: 100%;
    font-size: .15rem;
    text-align: center;
    color: #fff;
    position: relative;
    bottom: .32rem;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mianmi-spinner {
    display: none;
    position: fixed;
    top: 50%;
    right: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    margin: -.82rem auto 0;
    z-index: 999999999;
    opacity: 0;
    -webkit-animation: opacity .3s linear;
    animation: opacity .3s linear
}

.mianmi-spinner .mianmi-spinner-box {
    width: 100%;
    height: 100%;
    position: relative
}

.mianmi-spinner .mianmi-spinner-background {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .8;
    background-color: #000;
    border-radius: .06rem
}

.mianmi-spinner .mianmi-spinner-icon {
    color: #fff;
    margin: auto;
    position: absolute;
    top: .13rem;
    right: 0;
    left: 0;
    z-index: 9999999999;
    text-align: center;
    width: .24rem;
    height: .24rem
}

.mianmi-spinner .mianmi-spinner-msg {
    width: 100%;
    font-size: .14rem;
    height: .2rem;
    line-height: .2rem;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: .31rem;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mianmi-spinner .mianmi-dot {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff
}

@-webkit-keyframes mian-mi-spinner-dot1 {
    0% {
        opacity: 1
    }

    33% {
        opacity: .6
    }

    66% {
        opacity: .3
    }
}

@keyframes mian-mi-spinner-dot1 {
    0% {
        opacity: 1
    }

    33% {
        opacity: .6
    }

    66% {
        opacity: .3
    }
}

.mianmi-spinner .mianmi-dot1 {
    left: .33rem;
    bottom: .16rem;
    -webkit-animation: mian-mi-spinner-dot1 .9s ease-in-out infinite;
    animation: mian-mi-spinner-dot1 .9s ease-in-out infinite
}

@-webkit-keyframes mian-mi-spinner-dot2 {
    0% {
        opacity: .3
    }

    33% {
        opacity: 1
    }

    66% {
        opacity: .6
    }
}

@keyframes mian-mi-spinner-dot2 {
    0% {
        opacity: .3
    }

    33% {
        opacity: 1
    }

    66% {
        opacity: .6
    }
}

.mianmi-spinner .mianmi-dot2 {
    left: .47rem;
    bottom: .16rem;
    -webkit-animation: mian-mi-spinner-dot2 .9s ease-in-out infinite;
    animation: mian-mi-spinner-dot2 .9s ease-in-out infinite
}

@-webkit-keyframes mian-mi-spinner-dot3 {
    0% {
        opacity: .6
    }

    33% {
        opacity: .3
    }

    66% {
        opacity: 1
    }
}

@keyframes mian-mi-spinner-dot3 {
    0% {
        opacity: .6
    }

    33% {
        opacity: .3
    }

    66% {
        opacity: 1
    }
}

.mianmi-spinner .mianmi-dot3 {
    left: .61rem;
    bottom: .16rem;
    -webkit-animation: mian-mi-spinner-dot3 .9s ease-in-out infinite;
    animation: mian-mi-spinner-dot3 .9s ease-in-out infinite
}

._1ODR8I-2 {
    font-style: normal
}

._3I7soIaj {
    background-color: #fff;
    height: .48rem;
    font-size: .15rem;
    color: #58595b;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row
}

._3I7soIaj:not(:first-child) {
    position: relative;
    border: none !important
}

._3I7soIaj:not(:first-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

._2KDSpK5W {
    font-style: normal
}

._2_okK-J9 {
    margin: .08rem 0;
    background-color: #fff;
    padding: 0 .12rem;
    height: 1.94rem
}

._3B3N8yal {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    height: .41rem
}

._2rSJO-Hj {
    font-size: .15rem;
    color: #e02e24;
    line-height: .15rem
}

._2rSJO-Hj:before {
    content: "\E680";
    font-size: .17rem;
    color: #e02e24;
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-right: .08rem
}

._2rSJO-Hj::befor {
    display: inline-block;
    width: .17rem;
    height: .17rem
}

._3FxQHmxU {
    font-size: .14rem;
    color: #9c9c9c;
    line-height: .14rem
}

._3FxQHmxU:after {
    content: "\E617";
    font-size: .13rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400;
    margin-left: .06rem;
    display: inline-block;
    width: .07rem
}

._2fKWmsGE {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

._1p5O7K4p,
._2fKWmsGE {
    display: inline-block;
    height: 1.53rem
}

._1p5O7K4p {
    width: 1.04rem
}

._1p5O7K4p:not(:first-child) {
    margin-left: .05rem
}

._2Ye3R2RH {
    width: 1.04rem;
    height: 1.04rem;
    display: inline-block;
    border-radius: .02rem
}

._2IcYowOX {
    height: .21rem;
    margin-top: .01rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    overflow: hidden;
    white-space: pre-wrap
}

._1IK52khH {
    margin-right: .04rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: .15rem;
    position: relative;
    top: .03rem
}

.UsM-F2zJ {
    font-size: .13rem;
    color: #151516;
    line-height: .21rem
}

._1rqugzks {
    font-size: .11rem
}

._1rqugzks,
._2XPuh5d8 {
    color: #e02e24;
    line-height: .21rem
}

._2XPuh5d8 {
    font-size: .13rem
}

.jkQTLR6s {
    font-style: normal
}

._3TgTwKRc {
    width: 100%;
    overflow: hidden
}

.oc-payment {
    position: relative;
    width: 100%;
    background-color: #fff;
    margin-bottom: .08rem
}

.oc-payment>div.oc-payment-item-padding:first-of-type .oc-payment-item:after,
.oc-repay-modify-panel>div.oc-payment-item-padding:first-of-type .oc-payment-item:after {
    content: none
}

.oc-payment .oc-payment-item-padding,
.oc-repay-modify-panel .oc-payment-item-padding {
    position: relative;
    padding-left: .12rem;
    height: .46rem
}

.oc-payment .oc-payment-item-padding.disable,
.oc-payment .oc-payment-item-padding.disable-content,
.oc-repay-modify-panel .oc-payment-item-padding.disable,
.oc-repay-modify-panel .oc-payment-item-padding.disable-content {
    pointer-events: none
}

.oc-payment .oc-payment-item-padding.oc-payment-padding-installment,
.oc-repay-modify-panel .oc-payment-item-padding.oc-payment-padding-installment {
    height: 1.02rem
}

.oc-payment .oc-payment-item-padding:not(.oc-payment-padding-installment):active:not(:first-child) .oc-payment-item:after,
.oc-repay-modify-panel .oc-payment-item-padding:not(.oc-payment-padding-installment):active:not(:first-child) .oc-payment-item:after {
    content: none
}

.oc-payment .oc-payment-item-padding:not(.oc-payment-padding-installment):active:not(.oc-payment-padding-installment)+.oc-payment-item-padding .oc-payment-item,
.oc-repay-modify-panel .oc-payment-item-padding:not(.oc-payment-padding-installment):active:not(.oc-payment-padding-installment)+.oc-payment-item-padding .oc-payment-item {
    border-top: 1px solid #fff
}

.oc-payment .oc-payment-item-padding[data-active=before-white]:active:before,
.oc-repay-modify-panel .oc-payment-item-padding[data-active=before-white]:active:before {
    opacity: .08
}

.oc-payment .oc-payment-item,
.oc-repay-modify-panel .oc-payment-item {
    width: 100%;
    height: .46rem;
    line-height: .45rem;
    font-size: 0;
    position: relative;
    border: none !important
}

.oc-payment .oc-payment-item:after,
.oc-repay-modify-panel .oc-payment-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.oc-payment .oc-payment-item .oc-payment-hints,
.oc-repay-modify-panel .oc-payment-item .oc-payment-hints {
    margin-left: .04rem
}

.oc-payment .oc-payment-item .oc-payment-hints-icon,
.oc-repay-modify-panel .oc-payment-item .oc-payment-hints-icon {
    display: inline-block;
    width: .22rem;
    height: .45rem;
    margin-right: .04rem;
    position: relative;
    vertical-align: top
}

.oc-payment .oc-payment-item .oc-payment-hints-icon img,
.oc-repay-modify-panel .oc-payment-item .oc-payment-hints-icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: .22rem
}

.oc-payment .oc-payment-item-text,
.oc-repay-modify-panel .oc-payment-item-text {
    position: relative;
    height: .46rem
}

.oc-payment .oc-payment-item-bt,
.oc-repay-modify-panel .oc-payment-item-bt {
    height: .45rem;
    border-top: 1px solid #ededed
}

.oc-payment .oc-payment-method,
.oc-repay-modify-panel .oc-payment-method {
    margin-left: .32rem;
    font-size: .15rem;
    color: #151516
}

.oc-payment .oc-payment-method.oc-p-1:before,
.oc-repay-modify-panel .oc-payment-method.oc-p-1:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: .22rem;
    height: .22rem;
    left: -.01rem;
    top: .11rem;
    background: url(https://funimg.pddpic.com/pay_icon/alipay_v1.png) no-repeat;
    background-size: .22rem .22rem
}

.oc-payment .oc-payment-method.oc-p-2:before,
.oc-repay-modify-panel .oc-payment-method.oc-p-2:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: .22rem;
    height: .22rem;
    left: -.01rem;
    top: .11rem;
    background: url(https://funimg.pddpic.com/pay_icon/wechat_pay_v1.png) no-repeat;
    background-size: .22rem .22rem
}

.oc-payment .oc-payment-method.oc-p-3:before,
.oc-repay-modify-panel .oc-payment-method.oc-p-3:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: .22rem;
    height: .22rem;
    left: -.01rem;
    top: .11rem;
    background: url(https://funimg.pddpic.com/pay_icon/qq_v1.png) no-repeat;
    background-size: .22rem .22rem
}

.oc-payment .oc-payment-method.oc-p-4:before,
.oc-repay-modify-panel .oc-payment-method.oc-p-4:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: .22rem;
    height: .22rem;
    left: -.01rem;
    top: .11rem;
    background: url(https://funimg.pddpic.com/pay_icon/apple_pay_v1.png) no-repeat;
    background-size: .22rem .22rem
}

.oc-payment .oc-payment-method.oc-p-5:before,
.oc-repay-modify-panel .oc-payment-method.oc-p-5:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: .22rem;
    height: .22rem;
    left: -.01rem;
    top: .11rem;
    background: url(https://funimg.pddpic.com/pay_icon/alipay_v1.png) no-repeat;
    background-size: .22rem .22rem
}

.oc-payment .oc-payment-method.oc-p-6:before,
.oc-repay-modify-panel .oc-payment-method.oc-p-6:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: .22rem;
    height: .22rem;
    left: -.01rem;
    top: .11rem;
    background: url(https://funimg.pddpic.com/pay_icon/friend_pay_v1.png) no-repeat;
    background-size: .22rem .22rem
}

.oc-payment .oc-payment-method.oc-p-7:before,
.oc-repay-modify-panel .oc-payment-method.oc-p-7:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: .22rem;
    height: .22rem;
    left: -.01rem;
    top: .11rem;
    background: url(https://funimg.pddpic.com/pay_icon/hb_installment_v1.png) no-repeat;
    background-size: .22rem .22rem
}

.oc-payment .oc-payment-method.oc-p-9:before,
.oc-repay-modify-panel .oc-payment-method.oc-p-9:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: .22rem;
    height: .22rem;
    left: -.01rem;
    top: .11rem;
    background: url(https://funimg.pddpic.com/pay_icon/union_pay_v1.png) no-repeat;
    background-size: .22rem .22rem
}

.oc-payment .oc-payment-method.oc-p-10:before,
.oc-repay-modify-panel .oc-payment-method.oc-p-10:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: .22rem;
    height: .22rem;
    left: -.01rem;
    top: .11rem;
    background: url(https://funimg.pddpic.com/pay_icon/duoduo_pay_v1.png) no-repeat;
    background-size: .22rem .22rem
}

.oc-payment .oc-payment-method.oc-p-11:before,
.oc-repay-modify-panel .oc-payment-method.oc-p-11:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: .22rem;
    height: .22rem;
    left: -.01rem;
    top: .11rem;
    background: url(https://funimg.pddpic.com/pay_icon/hb_v1.png) no-repeat;
    background-size: .22rem .22rem
}

.oc-payment .oc-payment-method.oc-p-12:before,
.oc-repay-modify-panel .oc-payment-method.oc-p-12:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: .22rem;
    height: .22rem;
    left: -.01rem;
    top: .11rem;
    background: url(https://funimg.pddpic.com/pay_icon/xyhf_v1.png) no-repeat;
    background-size: .22rem .22rem
}

.oc-payment .oc-payment-method.oc-p-13:before,
.oc-repay-modify-panel .oc-payment-method.oc-p-13:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: .22rem;
    height: .22rem;
    left: -.01rem;
    top: .11rem;
    background: url(https://funimg.pddpic.com/zhuhai_png/2020-08-19/e6fb26b4-24bc-43a2-9fd0-a1344e7ea48f.png) no-repeat;
    background-size: .22rem .22rem
}

.oc-payment .oc-payment-selected:before,
.oc-repay-modify-panel .oc-payment-selected:before {
    content: "\E623";
    font-family: icomoon;
    color: #58595b;
    font-size: .15rem;
    position: absolute;
    top: 0;
    right: .12rem
}

.oc-payment .oc-payment-hints,
.oc-repay-modify-panel .oc-payment-hints {
    position: relative;
    font-size: .13rem;
    color: #58595b
}

.oc-payment .oc-payment-hints .add-space,
.oc-repay-modify-panel .oc-payment-hints .add-space {
    padding: .01rem
}

.oc-payment .oc-p-1:before,
.oc-payment .oc-p-5:before,
.oc-repay-modify-panel .oc-p-1:before,
.oc-repay-modify-panel .oc-p-5:before {
    background-position: -.3rem 0
}

.oc-payment .oc-p-2:before,
.oc-repay-modify-panel .oc-p-2:before {
    background-position: 0 0
}

.oc-payment .oc-p-3:before,
.oc-repay-modify-panel .oc-p-3:before {
    background-position: -.9rem 0
}

.oc-payment .oc-p-4:before,
.oc-repay-modify-panel .oc-p-4:before {
    background-position: -.59rem 0;
    width: .25rem
}

.oc-payment .oc-p-6:before,
.oc-repay-modify-panel .oc-p-6:before {
    content: "\E69C";
    font-size: .2rem;
    color: #e02e24;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    background-image: none
}

.oc-payment .oc-p-11:before,
.oc-repay-modify-panel .oc-p-11:before {
    background-position: -2.33rem 0
}

.oc-payment .oc-p-7:before,
.oc-repay-modify-panel .oc-p-7:before {
    background-position: -2.07rem 0
}

.oc-payment .oc-p-9:before,
.oc-repay-modify-panel .oc-p-9:before {
    background-position: -1.78rem 0;
    width: .25rem
}

.oc-payment .oc-payment-item-disable-content .oc-payment-method,
.oc-payment .oc-payment-item-disable .oc-payment-method,
.oc-repay-modify-panel .oc-payment-item-disable-content .oc-payment-method,
.oc-repay-modify-panel .oc-payment-item-disable .oc-payment-method {
    color: rgba(21, 21, 22, .2)
}

.oc-payment .oc-payment-item-disable-content .oc-payment-method:before,
.oc-payment .oc-payment-item-disable .oc-payment-method:before,
.oc-repay-modify-panel .oc-payment-item-disable-content .oc-payment-method:before,
.oc-repay-modify-panel .oc-payment-item-disable .oc-payment-method:before {
    opacity: .4
}

.oc-payment .oc-payment-item-disable-content .oc-payment-hints,
.oc-payment .oc-payment-item-disable .oc-payment-hints,
.oc-repay-modify-panel .oc-payment-item-disable-content .oc-payment-hints,
.oc-repay-modify-panel .oc-payment-item-disable .oc-payment-hints {
    color: #9c9c9c
}

.oc-payment .oc-payment-item-disable-content .oc-payment-icon,
.oc-payment .oc-payment-item-disable .oc-payment-icon,
.oc-repay-modify-panel .oc-payment-item-disable-content .oc-payment-icon,
.oc-repay-modify-panel .oc-payment-item-disable .oc-payment-icon {
    color: #f6c1bd;
    border-color: #f6c1bd
}

.oc-payment .oc-payment-item-disable-content .oc-payment-disable-content,
.oc-payment .oc-payment-item-disable .oc-payment-disable-content,
.oc-repay-modify-panel .oc-payment-item-disable-content .oc-payment-disable-content,
.oc-repay-modify-panel .oc-payment-item-disable .oc-payment-disable-content {
    position: absolute;
    right: .12rem;
    line-height: .46rem;
    opacity: .2
}

.oc-payment .oc-payment-item-disable:before,
.oc-repay-modify-panel .oc-payment-item-disable:before {
    content: "\8BE5\652F\4ED8\65B9\5F0F\5F53\524D\670D\52A1\4E0D\53EF\7528";
    display: inline-block;
    font-size: .14rem;
    position: absolute;
    right: .12rem;
    line-height: .46rem;
    color: #151516;
    opacity: .2
}

.oc-payment .oc-payment-installment,
.oc-repay-modify-panel .oc-payment-installment {
    height: 1.02rem
}

.oc-payment .oc-payment-hb-installment-info,
.oc-repay-modify-panel .oc-payment-hb-installment-info {
    position: absolute;
    height: .38rem;
    width: 100%;
    top: .48rem;
    left: -.01rem
}

.oc-payment .oc-hb-item,
.oc-repay-modify-panel .oc-hb-item {
    float: left;
    width: 1.115rem;
    height: .38rem;
    margin-right: .095rem;
    padding: .07rem 0 .05rem;
    text-align: center;
    border-radius: .04rem;
    position: relative;
    border: none !important
}

.oc-payment .oc-hb-item:after,
.oc-repay-modify-panel .oc-hb-item:after {
    border-radius: .08rem;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #888
}

.oc-payment .oc-hb-item span,
.oc-repay-modify-panel .oc-hb-item span {
    display: block;
    height: .12rem;
    line-height: .12rem;
    font-size: .12rem;
    color: #888
}

.oc-payment .oc-hb-item .oc-hb-item-line-1,
.oc-repay-modify-panel .oc-hb-item .oc-hb-item-line-1 {
    margin: 0 0 .02rem .02rem
}

.oc-payment .oc-hb-item .oc-hb-item-line-2,
.oc-repay-modify-panel .oc-hb-item .oc-hb-item-line-2 {
    margin-left: -.05rem
}

.oc-payment .oc-hb-item-selected,
.oc-repay-modify-panel .oc-hb-item-selected {
    background-color: rgba(224, 46, 36, .07);
    position: relative;
    border: none !important
}

.oc-payment .oc-hb-item-selected:after,
.oc-repay-modify-panel .oc-hb-item-selected:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #e02e24
}

.oc-payment .oc-hb-item-selected span,
.oc-repay-modify-panel .oc-hb-item-selected span {
    color: #e02e24
}

.oc-payment .oc-hb-item-banned,
.oc-repay-modify-panel .oc-hb-item-banned {
    background-color: #f5f5f5;
    border: none
}

.oc-payment .oc-hb-item-banned span,
.oc-repay-modify-panel .oc-hb-item-banned span {
    color: #aeaeae
}

.oc-payment .oc-payment-more,
.oc-repay-modify-panel .oc-payment-more {
    height: .36rem;
    line-height: 2.72;
    text-align: center;
    font-size: 0;
    border-bottom: 0;
    display: block
}

.oc-payment .oc-payment-more span,
.oc-repay-modify-panel .oc-payment-more span {
    font-size: .13rem
}

.oc-payment .oc-payment-more .add-space,
.oc-repay-modify-panel .oc-payment-more .add-space {
    padding: 0 .03rem
}

.oc-payment .oc-payment-more .oc-payment-more-icon,
.oc-repay-modify-panel .oc-payment-more .oc-payment-more-icon {
    display: inline-block;
    height: .14rem;
    margin: 0 .05rem 0 0;
    width: .14rem;
    background: url(https://funimg.pddpic.com/order_checkout/pay_icon_v6.png) no-repeat;
    background-size: 1.62rem .14rem;
    position: relative;
    top: .02rem;
    right: -.005rem
}

.oc-payment .oc-payment-more .oc-payment-more-icon.oc-payment-more-icon-1,
.oc-payment .oc-payment-more .oc-payment-more-icon.oc-payment-more-icon-5,
.oc-repay-modify-panel .oc-payment-more .oc-payment-more-icon.oc-payment-more-icon-1,
.oc-repay-modify-panel .oc-payment-more .oc-payment-more-icon.oc-payment-more-icon-5 {
    background-position: -.18rem 0
}

.oc-payment .oc-payment-more .oc-payment-more-payment,
.oc-repay-modify-panel .oc-payment-more .oc-payment-more-payment {
    display: inline-block;
    font-size: 0
}

.oc-payment .oc-payment-more .oc-payment-more-wrapper,
.oc-repay-modify-panel .oc-payment-more .oc-payment-more-wrapper {
    font-size: 0
}

.oc-payment .oc-payment-more .oc-payment-more-hint,
.oc-repay-modify-panel .oc-payment-more .oc-payment-more-hint {
    display: inline-block;
    font-size: .13rem
}

.oc-payment .oc-payment-more .icon-arrows-down,
.oc-repay-modify-panel .oc-payment-more .icon-arrows-down {
    display: inline-block;
    vertical-align: .01rem;
    color: #666;
    font-size: .1rem;
    padding-right: .06rem;
    padding-left: .06rem
}

.oc-payment .oc-payment-more .oc-payment-more-item,
.oc-repay-modify-panel .oc-payment-more .oc-payment-more-item {
    font-size: 0
}

.oc-payment .oc-payment-more .oc-payment-more-item:not(:last-of-type):after,
.oc-repay-modify-panel .oc-payment-more .oc-payment-more-item:not(:last-of-type):after {
    content: "\3001";
    font-size: .13rem
}

.oc-payment .oc-payment-more .oc-payment-more-item span,
.oc-repay-modify-panel .oc-payment-more .oc-payment-more-item span {
    font-size: .13rem
}

.download-modal-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 21, 22, .8);
    top: 0;
    left: 0;
    z-index: 10004;
    font-size: 0
}

.download-modal-container {
    position: relative;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.download-modal-user {
    position: absolute;
    top: .46rem;
    width: 100%;
    text-align: center
}

.download-modal-avatar {
    display: inline-block;
    width: .48rem;
    height: .48rem
}

.download-modal-avatar img {
    width: 100%;
    border-radius: 10%
}

.download-modal-nickname {
    margin-top: .05rem;
    font-size: .14rem;
    color: #fcdfb2
}

.download-modal-close-btn {
    position: absolute;
    left: 50%
}

@font-face {
    font-family: icomoon-transac;
    src: url(https://funimg.pddpic.com/iconfont_20200904.ttf);
    font-weight: 400;
    font-style: normal;
    line-height: 1
}

._1MbLxxbd {
    font-style: normal
}

.mxbAVSVw {
    margin: .08rem 0;
    padding: .12rem .12rem .08rem;
    line-height: .2rem;
    background: #fff;
    font-size: .14rem;
    overflow: hidden
}

._98huTtXj {
    padding-bottom: .12rem
}

._98huTtXj:active,
._98huTtXj:focus {
    background: rgba(0, 0, 0, .08)
}

._2gyd-g3f {
    color: #151516
}

.vtmVtC6E {
    margin-top: .04rem;
    color: #58595b
}

._3Czb3D46 {
    float: left;
    color: #151516
}

._18K-V9eH {
    margin-top: 0;
    color: #9c9c9c
}

._3nEnsHT0 {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    height: 100%
}

._3nEnsHT0:after {
    content: "\E777";
    font-size: .14rem;
    color: rgba(0, 0, 0, .15);
    font-family: icomoon-transac;
    line-height: 1;
    font-weight: 400
}

.pdd-go-to-app {
    position: fixed;
    top: 0;
    right: 0;
    width: .9rem;
    height: .32rem;
    line-height: .32rem;
    padding-right: .08rem;
    margin-top: .12rem;
    font-size: .13rem;
    text-align: right;
    color: #fff;
    background-color: #e02e24;
    border-bottom-left-radius: .04rem;
    border-top-left-radius: .04rem;
    z-index: 10001
}

.pdd-go-to-app:active {
    color: #edbbb8;
    background-color: #c51e14
}

@supports not (-webkit-overflow-scrolling:touch) {
    .pdd-go-to-app {
        line-height: .33rem
    }
}

.pdd-go-to-app-icon {
    margin-left: -.03rem
}

.pdd-go-to-app-icon:before {
    content: "\E777"
}




.topstatus {
    width: 100%;
    height: 0.26rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.1rem;
    background-color: #fff;
}

.topstatus .timer {
    /* width: 0.4rem; */
    font-size: 0.14rem;
    font-weight: 600;

}

.topstatus .right {
    display: flex;
    /* justify-content: space-between; */
    align-items: flex-end;
}

.topstatus .right img {
    width: 0.2rem;
}

.topstatus .right .clock {
    width: 0.19rem;
    margin: 0 0.03rem;
}

.topstatus .right .wifi {
    width: 0.19rem;
    margin: 0 0.03rem;
    transform: scale(0.8);
}

.topstatus .right .xinhao {
    /* width: 0.16rem; */
}

.topstatus .right .cell {
    margin: 0 0.03rem;

}


.topstatus2 {
    width: 100%;
    height: 0.26rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.1rem;
    background-color: #fff;
}

.topstatus2 .timer {
    /* width: 0.4rem; */
    font-size: 0.16rem;
    font-weight: 600;
}

.topstatus2 .right {
    display: flex;
    /* justify-content: space-between; */
    align-items: flex-end;
}

.topstatus2 .right img {
    /* width: 0.2rem; */
    width: 1rem;

}

.topstatus2 .right .overbox {
    width: 0.19rem;
    height: 0.19rem;
    margin-right: 0.03rem;
    overflow: hidden;
    position: relative;
}

.topstatus2 .right .overbox .location {
    transform: scale(1.8);
    position: absolute;
    top: 0.07rem;
    left: 0.09rem;
}

.topstatus2 .right .overbox .wifi {
    width: 0.19rem;
    transform: scale(1.2);
    position: absolute;
    top: -0.02rem;

}

.topstatus2 .right .overbox .xinhao {
    /* width: 0.16rem; */
    width: 0.19rem;
    transform: scale(1.3);
    position: absolute;
    top: 0.05rem;
    left: 0.06rem;
}

.topstatus2 .right .overbox .cell {
    width: 0.19rem;
    transform: scale(1.6);
    position: absolute;
    top: 0.08rem;
    left: 0.07rem;

}




.top_top {
    width: 100%;
    height: 0.38rem;
    background-color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.top_top .top_left {
    width: 0.22rem;
    margin-left: 0.11rem;
    margin-right: 0.11rem;
}

.top_top .top_title {
    flex: 1;
    text-align: center;
    font-size: 0.18rem;
    font-weight: 600;
    margin-left: -0.44rem;
}

.orderboxx {
    width: .44rem;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.orderboxx .ordersure {
    width: .32rem;
    height: .32rem;
    margin-left: .06rem;
    transform: scale(1.2);
}

.pxq {
    width: 70%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.pxq img {
    width: .32rem;
    height: .32rem;
    /* margin-left: .06rem; */
    transform: scale(1.2);
}

.pxq .pxq_t {
    margin-left: 0.06rem;
    font-size: .14rem;
    font-weight: 600;
}

.botbox {
    margin-top: 0.06rem;
}

.botbox .navtop {
    height: 0.4rem;
    overflow: hidden;
}

.botbox .topnav {
    background-color: #fff;
    white-space: nowrap;
    height: .5rem;
    overflow-x: scroll;
    text-align: center;
    padding: 0.05rem 0;
}

.botbox .topnav .nav_li {
    font-size: .16rem;
    padding: .09rem 0 .05rem;
    margin-right: .2rem;
}

.botbox .topnav .nav_li:first-child {
    margin-left: .14rem;
}

.botbox .topnav .active {
    color: #e12f24;
    border-bottom: .02rem solid #e12f24;
}

.goodsbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: -0.05rem;
}

.goodsbox .goodsli {
    display: inline-block;
    margin-right: .02rem;
    margin-top: .03rem;
    width: 1.85rem;
    background: #fff;
    line-height: normal;
    overflow: hidden;
    vertical-align: middle;
}

.line {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1.2rem;
    height: 0.05rem;
    margin-left: -0.6rem;
    background-color: #000;
    border-radius: 0.02rem;
}

.checkgoods {
    background-color: #fff;
    padding: 0.1rem;
    text-align: center;
}

.checkgoods .ipt {
    width: 65%;
    height: .3rem;
    margin: 0 auto;
    border: 0.01rem solid #333;
    border-radius: 0.05rem;
    text-indent: 0.08rem;
}

.checkgoods .checkbox {
    padding: 0.08rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.checkgoods .checkbox span {
    display: inline-block;
    padding: 0 0.06rem;
}
.checkgoods .btn{
    width: 1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    margin: 0 auto;
    border:0.01rem solid #333 ;
    border-radius: 0.03rem;
}
